FASTEST way to get started with Next.js and Supabase in 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024

ความคิดเห็น • 55

  • @Supabase
    @Supabase  7 หลายเดือนก่อน +3

    ⚡Full Next.js series: th-cam.com/play/PL5S4mPUpp4OtMhpnp93EFSo42iQ40XjbF.html&feature=shared
    🕸 Website: supabase.com/
    🏁 Create a project: database.new
    📄 Docs: supabase.com/docs

  • @ajinugroho8698
    @ajinugroho8698 3 หลายเดือนก่อน +10

    i hope, all teacher in this world learn how to teach from this nice guy. he makes coding feels better

    • @JonMeyers
      @JonMeyers 3 หลายเดือนก่อน +1

      That’s very kind! Glad you enjoyed the video! 🙌

    • @lostinthenarrativve
      @lostinthenarrativve 3 หลายเดือนก่อน

      he's very annoying and repulsive tho

  • @BenniK88
    @BenniK88 3 หลายเดือนก่อน +8

    I love your tutorials but Supabase is gotten super confusing with all the turnovers in the documentation. I feel like the way how auth is handled chances all “three weeks” and new ways of handling it are not always updated or clearly stated as outdated. I still had my way of doing with with middleware and the cookies exchange setup with the “auth-helpers-nextjs” but now you’re showing a completely different way. But in the supabase documentation it’s again different. The documentation now uses the new “supabase/ssr” package and this used an “auth/confirm” route instead of the “auth/callback” route. I feel like it’s super confusing and I don’t know which is the source of truth and I even probably introduce some security vulnerabilities because of mixing the wrong technologies you provide. It’s really frustrating to the point I’m not sure if I can safely use it. I really appreciate your positivity and enthusiasm as i know it’s an issue you’re causing. But I’m not sure which is the preferred way to do it and what’s just legacy.

    • @austingebauer4532
      @austingebauer4532 22 วันที่ผ่านมา +2

      I very much feel this. The documentation is using a different approach from the nextjs starter and this video. It's quite confusing. I don't know which one to use.

  • @zacklau8349
    @zacklau8349 3 หลายเดือนก่อน +1

    I'm so glad i found this before starting my 2nd project on Supabase with Nextjs .... the 1st project really took me some times to figure it out on the authentication part..

  • @Not_Aran8276
    @Not_Aran8276 7 หลายเดือนก่อน

    What a perfect timing, just yesterday I was thinking about using Supabase as a authentication database for my first ecommerce web project and I was kinda procrastinating a little bit until I saw this new scaffolding tutorial that's going to make my life 10x easier. Thanks

  • @abelquezadahidalgo7514
    @abelquezadahidalgo7514 7 หลายเดือนก่อน +6

    good video, could you make a video explaining how would be the workflow between enviroments (prod, test, local) with different supabase projects? this for those who do not have branching yet. 😀

    • @JonMeyers
      @JonMeyers 7 หลายเดือนก่อน +6

      This is a great idea! Will add it to the list 👍

    • @miksvillamor
      @miksvillamor 7 หลายเดือนก่อน

      +1 to this, I am new and trying to understand this concept. I hope you can create a video on this topic.

  • @skillsvsdegree6139
    @skillsvsdegree6139 7 หลายเดือนก่อน +2

    Thank you. I will watch again to understand better as i am still new to frontend. keep making some simple intro videos please

    • @JonMeyers
      @JonMeyers 7 หลายเดือนก่อน +1

      Will do! 👍 Anything specific you would like to see?

    • @skillsvsdegree6139
      @skillsvsdegree6139 7 หลายเดือนก่อน +2

      @@JonMeyers Yes please, Please make or (give the link to the video if already exists) about how much it cost to use Supabase, how much storage we can use, and when it will start charging. i am already using supabase in my first webproject i am doing on my own. and learning so much everyday. Thank you for responding

  • @mario_luis_dev
    @mario_luis_dev 7 หลายเดือนก่อน +4

    good stuff! Btw would you mind doing a tutorial for using Supabase Realtime (no `postgres_changes` involved, just Presence and Broadcast)? I feel like the official documentation is somewhat lacking and I’m struggling to get Realtime to work properly. Thanks for all your work!

    • @skillsvsdegree6139
      @skillsvsdegree6139 7 หลายเดือนก่อน +2

      @ml-tech have you seen chatapp video stream from this team? they have realtime in those videos, or is it not what you asking? sorry, just responding with whatever i know so far. i'm still newrespoding

    • @JonMeyers
      @JonMeyers 7 หลายเดือนก่อน +2

      Tyler did an awesome video on exactly this for Flutter! Do you think a Next.js version would be helpful?

    • @Supabase
      @Supabase  7 หลายเดือนก่อน

      This is that awesome Flutter video by Tyler: th-cam.com/video/QhRNXlFLaeE/w-d-xo.html

    • @mario_luis_dev
      @mario_luis_dev 7 หลายเดือนก่อน

      @@JonMeyers thanks! I got unstuck by myself. Now I have the app almost ready for prod 🚀 Realtime is awesome!

  • @ksk385
    @ksk385 23 วันที่ผ่านมา

    Thanks for the video @JonMeyers! It's really cool to see how far we can get with this setup!
    I am running into issues when I try to debug locally in VSCode with this starter. I tried a plain Next.js starter and all the debugging works fine. The issue I am running into is that the breakpoints are unbound. Any help on this would be appreciated!

  • @rickhmason
    @rickhmason 7 หลายเดือนก่อน +2

    Could you create this exact same example for Nuxt? It would save so many people so much time.
    Thanks.

    • @JonMeyers
      @JonMeyers 7 หลายเดือนก่อน +1

      I am planning to jump into Nuxt soon and create some Supabase videos. Will add this one to the list 👍

    • @rickhmason
      @rickhmason 7 หลายเดือนก่อน

      @@JonMeyers 👍

  • @sevdashukrieva2743
    @sevdashukrieva2743 หลายเดือนก่อน

    Hey, great content! I found the pace a bit fast, and it seems slightly different from the authentication flow described in the Supabase docs around next js app router server side authentication. Is there a GitHub repository where I can check out the code?

  • @sitrlax5536
    @sitrlax5536 7 หลายเดือนก่อน +3

    Very cool!

    • @JonMeyers
      @JonMeyers 7 หลายเดือนก่อน +1

      Thanks! Glad you enjoyed it! 🙌

  • @zBrain0
    @zBrain0 7 หลายเดือนก่อน +1

    Loving supabase, but would love to see some sveltekit mixed in.

  • @dominicclerici8396
    @dominicclerici8396 2 หลายเดือนก่อน

    live, love, supabase

  • @flohh
    @flohh 7 หลายเดือนก่อน +3

    Sign-ups are getting rate limited because of /user route being looped on.

    • @ShakiritoProductions
      @ShakiritoProductions 6 หลายเดือนก่อน

      I'm having the exact same problem. After 4 attempts I suddenly have more than 30 requests

    • @flowmv
      @flowmv 3 หลายเดือนก่อน

      Did you resolve it?

    • @ShakiritoProductions
      @ShakiritoProductions 3 หลายเดือนก่อน

      @@flowmv Not really, I went with Clerk lol

  • @Mrmtl100
    @Mrmtl100 หลายเดือนก่อน

    this guy is a mix of a nerd with a rapper and a skateboarder.

  • @dziaddy
    @dziaddy 6 วันที่ผ่านมา

    Supabase SSR opts out of caching becasue it uses cookies. Should I use regular supabase-js client for requests other than auth related?

  • @henrytabimagiraldo7116
    @henrytabimagiraldo7116 5 หลายเดือนก่อน

    I really like this. for some reason it works with chrome but not with edge

  • @hasibulalamprionto2010
    @hasibulalamprionto2010 19 วันที่ผ่านมา

    I am facing the problem below:
    Uncaught error : supabaseUrl is required
    How to solve this problem?

  • @ivandamyanov
    @ivandamyanov 6 หลายเดือนก่อน

    Please create a guide about using Supabase with SSG. Is it even currently possible for any routes using sessions due to cookies?

  • @piseysen9090
    @piseysen9090 7 หลายเดือนก่อน

    The best guide, should you guide it with Angular Project?

  • @maskman4821
    @maskman4821 7 หลายเดือนก่อน

    Cool,thank you for introducing this template to us, it majes our life easy with supabase auth + nextjs ❤

  • @eliuddyn
    @eliuddyn 7 หลายเดือนก่อน +2

    Amazing 🔥🔥

    • @JonMeyers
      @JonMeyers 7 หลายเดือนก่อน

      Glad you liked it! 🙌

  • @EverydayBeing-de1qu
    @EverydayBeing-de1qu 5 หลายเดือนก่อน +1

    100% rug pull coming very soon.

  • @scorpion32
    @scorpion32 6 หลายเดือนก่อน

    Could you please do one on supabase, prisma and nextjs

  • @appstuff6565
    @appstuff6565 4 หลายเดือนก่อน

    Hey thanks for this. I have literally set up everything using auth helpers with cookies, from signup form to middleware to callback.
    Im using the NextJS approuter with basic email and pass signup offered by supabase atm.
    Do you plan to do a simple migration video on that as well?

  • @aedesign5499
    @aedesign5499 2 หลายเดือนก่อน

    I have got could not autheticate use after i put the email and password

  • @Alex-bc3xe
    @Alex-bc3xe 5 หลายเดือนก่อน +1

    God bless you this saved me a ton of time, I really didn't want the hustle.

  • @BitAxolotl
    @BitAxolotl 4 หลายเดือนก่อน

    I'm trying to make a navbar with useState but that's for client components only, so I cant set use client in the navbar since the AuthButton uses server for the auth functions. So there's no way for me the create a dynamic navbar with state. Do you know how I can fix this? Thanks

  • @VolodymyrShamieiev
    @VolodymyrShamieiev 7 หลายเดือนก่อน

    Yeah! But give me the same for the SvelteKit )) Please, more content with Svelte :)

  • @kathanmehtaa
    @kathanmehtaa 6 หลายเดือนก่อน +6

    Not useful at all…
    You were supposed to show how to set supabase with nextjs
    What u really showed is get the template and start using is 😅

  • @Tanner-cz4bd
    @Tanner-cz4bd 7 หลายเดือนก่อน

    Anyway to get type safety like prisma

    • @Supabase
      @Supabase  7 หลายเดือนก่อน +2

      Yes 👉 supabase.com/docs/guides/api/rest/generating-types

  • @pandhu.wibowo
    @pandhu.wibowo 3 หลายเดือนก่อน

    I don't know why you guys @supabase team wanna looks like Firebase, I know Supabase since Supabase released for the first time, however I gonna use this onefor my project recently (hopefully), and I just realize the Supabase is not like Firebase, these are just recreate some part of another technology and combined it being one place. What is your make special? For example, for the database, before I deep dive to learn it I think that is NoSql, apparently SQL. That's also the engine from AWS. a bit fooled.

  • @adnn4210
    @adnn4210 หลายเดือนก่อน

    useless tutorial, you don't create an app around having supabase, you integrate an app into an existing app. This is like watching a mechanic video and he says yeah just npx a new tranmission, like what, useless

  • @reni_christian
    @reni_christian 2 หลายเดือนก่อน

    is it okay to do the supabase auth setup as you did in Twitter clone in egghead course for NextJS? @Supabase @JonMeyers