Ultimate Self-Hosting Guide for NextJS + Supabase (2024)

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 33

  • @yadon9884
    @yadon9884 12 днів тому

    Theo, the minio fix was awesome! Will you make a very detail step by step video on implementing the OAuth and SMTP into supabase on coolify? also your schedule a call link isn't working.

    • @theointechs
      @theointechs  12 днів тому

      I could surely do that! My new scheduling link is cal.com/team/dev-sunmoon i will make sure to change it!

  • @AsyncDpp
    @AsyncDpp 2 місяці тому +2

    Thank you for this. Some Astro stuff would be great too!

    • @theointechs
      @theointechs  2 місяці тому

      Thank you! never used Astro in the past ngl but I might check it out!

  • @lev1ato
    @lev1ato 21 день тому

    Really like your content, keep it up. I would love to see a whole project done with Next.js, self-hosted and with Supabase db/auth self-hosted. Step by step instructions. Have like a protected page with, credentials signup/login, github auth, google auth and maybe storage with R2. Just to see the whole process, I might try it on my own, but I was not able to find something similar anywhere. Maybe even for auth not use Supabase auth even if it is not possible or hard to do, and go for Lucia v4 or betterauth. Just thinking out loud.

    • @theointechs
      @theointechs  21 день тому +1

      Hey man! Thank you for the feedback :)
      Right now I am very busy with my startup MyBookQuest but what I could do is make a live at the end of the month where we go deep on EVRYTHING of the project, how does that sound?

    • @lev1ato
      @lev1ato 21 день тому

      @@theointechs That sounds awesome! would love that. Wish you all the luck with your startup.

    • @theointechs
      @theointechs  21 день тому

      @@lev1ato All right, stay tuned as in the next videos ill mention the date and time but it should be at the end of the month!

  • @pushkarkathayat7893
    @pushkarkathayat7893 Місяць тому +2

    I installed supabase on vps, But it doesnt have the supabase auth. How to install it?

    • @theointechs
      @theointechs  Місяць тому

      If you use the Coolify interface to deploy it should be there...

    • @pushkarkathayat7893
      @pushkarkathayat7893 Місяць тому

      @@theointechs It is not unfortunately :(

    • @theointechs
      @theointechs  Місяць тому

      @@pushkarkathayat7893 for personnalized help, i offer 1-1 consultation at calendly.com/expoweb if you dont find the answer

  • @mjoong-ki4487
    @mjoong-ki4487 Місяць тому

    Can’t believe it’s been a year since I’ve been waiting for Supabase to come out with a beautiful login page UI, not just that basic popup. And there’s still no sign of it. 😅 (maybe I have, but i still can't find it.)

    • @theointechs
      @theointechs  Місяць тому

      And its also so simple... 😂

  • @josipX
    @josipX Місяць тому

    Thanks for the awesome video. For me the buckets never load in the supabase storage UI and there's also nothing helpful in the supabase storage or minio logs. Very strange.

    • @theointechs
      @theointechs  Місяць тому +1

      @@josipX hey man thanks for the kind words! You are actually the 3rd person who told me this problem, i will look into it more deeply and make a video about it, stay tuned.

    • @josipX
      @josipX Місяць тому

      @@theointechs there's a github issue in the coolify repo number 2360, apparently there's a https connection missing somewhere between the minio createbucket container and supabase

    • @theointechs
      @theointechs  Місяць тому

      ​@@josipXill make sure to take a look

    • @theointechs
      @theointechs  Місяць тому

      Just to make sure, have you tried changing the tags for minio/minio and minio/mc?

    • @rizzao_br
      @rizzao_br 13 днів тому

      For me, the following worked:
      - install minio
      - create a bucket in minio
      - generate the keys
      - only after that install supabase
      if I install supabase without having any bucket in minio, it simply doesn't work!

  • @andru5054
    @andru5054 Місяць тому

    nice

  • @psuedocode5592
    @psuedocode5592 2 місяці тому

    hey Theo, did you open the port for supabase-studio: and not for supabase-db: ?

    • @theointechs
      @theointechs  2 місяці тому

      I opened only the Postgres db port to be able to remote access, otherwise my domains are using a reverse proxy so its more secure.

  • @nicomasset
    @nicomasset 2 місяці тому

    hi, i have trouble with my next js env concerning supabase.
    I dont know what are supposed to be the supabase public url and DATABASE_URL, i'm kinda lost in there

    • @theointechs
      @theointechs  2 місяці тому

      If you are using the same Supabase deployment as me then you need the keys that are auto generated in the "Environment" tab at the left of the Coolify UI on your project. See at 17:40 when I didn't enter the keys I had the same error as you do probably.

    • @nicomasset
      @nicomasset 2 місяці тому

      @@theointechs i don't get it.
      when i use to do it without coolify and i needed some env variable in my next app, related to supabase. (such as NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_KEY etc..)
      And i have trouble finding what to use for DATABASE_URL and NEXT_PUBLIC_SUPABASE_URL.
      I think i missed the auto generated part oO

  • @amogelangmoatswi1918
    @amogelangmoatswi1918 Місяць тому

    newbie here, how many simple next.js landing pages can i host on that VPS.. if i where to start a small web dev business?

    • @theointechs
      @theointechs  Місяць тому

      A LOT, I mean im on a VPS with 6 GB of ram and pinging the api non stop doesnt even overload, what takes juice more are databases.

  • @flowmv
    @flowmv 2 місяці тому

    Wow, appreciate this Theo!
    I just have two concerns stopping me from going all in on VPS
    1. storage
    Currently while using supabase cloud, in my next.js code I'm using supabase's sdk storage procedures for uploading and storing files. Is it a straightforward setup to create our own s3 buckets and link them to the coolify's supabase instance? Would love a tutorial on that if possible, on making storage work while still using supabase's procedures for it
    2. managing development & prod envs for supabase
    I'm sure for next.js we can just use branching for dev and prod, but how easy or difficult would it be to manage a development and prod environment for supabase, in this kind of a setup? how would the architecture work? would love a tutorial covering this if possible

    • @theointechs
      @theointechs  2 місяці тому +1

      Hey thank you for the kind words! For Storage, you still have the ability to create storage buckets on the supabase admin dashboard on your self hosted instance, you can also link S3 buckets as backup directly on the Coolify UI of your project. For different envs topic, when creating projects, you can choose the environment at the top of the screen, you can then use different branches in your git to handle your NextJS deployments differently as well as different DB schemas.