Supabase + Next.js ULTIMATE Auth Combo

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

КОМЕНТАРІ •

  • @ALoFTx
    @ALoFTx 4 місяці тому +5

    who is this guy. He explained everything I needed. Thanks man!

  • @zacklau8349
    @zacklau8349 5 місяців тому +2

    This is best tutorial for Supabase Auth 've ever seen on UA-cam so far !

  • @fdkaix9091
    @fdkaix9091 7 місяців тому +2

    Hello The Dev Logger, congrats on your channel. Super useful content, high quality of articulation and presentation. I am sure you will grow big, keep going. Looking forward to watch more nextjs content coming from you. Greetings from Turkey.

    • @TheDevLogger
      @TheDevLogger  7 місяців тому

      Thank you so much for your kind words! Really appreciate the support ❤️

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

    You woke up and chose raw efficiency, good job

  • @Joe-Bourbon
    @Joe-Bourbon 2 місяці тому

    Great video, straight to the point. Even included code in the description, A+.

  • @mubeen_hassan
    @mubeen_hassan 14 днів тому

    Supper helpful!

  • @sihangwu6617
    @sihangwu6617 4 місяці тому

    Dude, you are AMAZING!!

  • @nathaliesandukuelite6349
    @nathaliesandukuelite6349 3 місяці тому

    You are the best Sir.🥳🥳🥳
    Thank you very much

  • @diegogimbernat9253
    @diegogimbernat9253 6 місяців тому

    Great tutorial man really clean

  • @JeffreyHo565
    @JeffreyHo565 7 місяців тому

    Awesome video, thanks, applied your examples to my next.js project

    • @TheDevLogger
      @TheDevLogger  7 місяців тому +1

      Your welcome! Glad it was helpful to you :)

    • @JeffreyHo565
      @JeffreyHo565 7 місяців тому

      @@TheDevLogger The only callout that I am realizing now is that the LoginLogoutButton isn't really signing out the user. You are using setting the user state as null.
      You need to call the signOut method from the supabase client library

    • @TheDevLogger
      @TheDevLogger  7 місяців тому

      Thanks for pointing that out! I guess I missed adding that part to the video

  • @anuj7286
    @anuj7286 6 місяців тому

    Great tutorial, quick to understand. Thank you!

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

    nice

  • @rnholykabye9455
    @rnholykabye9455 6 місяців тому

    Brilliant work. Thank you Sir!

  • @codewithguillaume
    @codewithguillaume 6 місяців тому +1

    This is a good video! :)

  • @chocoalmondsmilk
    @chocoalmondsmilk 5 місяців тому

    How is this youtuber has only 140 subs. Let pump it guys, subscribe to him. This video is succinct and has what we really need for supabase + next auth

  • @Neqxy
    @Neqxy 5 місяців тому +1

    cool! but how do we protect the routes for not logged in users, do we intercept it in the middleware?

  • @akadaygame8634
    @akadaygame8634 6 місяців тому

    thank you, really helpfull and rally good explanation..

  • @johncollins2067
    @johncollins2067 3 місяці тому

    nice. the refresh middleware seems like a lot of overhead to every request, not sure if there is a better way, maybe refreshing independent of request/response?

  • @CasualDrive
    @CasualDrive 22 години тому

    Thanks for AMAZING tutorial. One thing I'd like to know is how to add Sign Up with Google button.
    Currently in your setup user needs to create a password manually, is there a way to make this work if user signing up with Google directly?

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

    Could you also explain how to use Supabase hosted on your own VPS? Because in this case, I couldn’t find partner authentications like Google in the Supabase dashboard.

  • @fereshteh2000
    @fereshteh2000 26 днів тому

    Thanks! but how do we update the name of the app displayed on google login screen to our app name instead of subdomain from supabase?

  • @bounaderrafik
    @bounaderrafik 3 місяці тому

    thank you i loved it so much, but how can i get the types for user because it does not autocomplete in vs code withouts types

    • @TheDevLogger
      @TheDevLogger  3 місяці тому

      No problem! If you’d like to generate types for the Supabase table so you are able to get autocomplete you might want to check out: supabase.com/docs/guides/api/rest/generating-types

  • @rishabhsaxena9357
    @rishabhsaxena9357 16 днів тому

    How did we get an email without setting up SMTP details?

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

    Gives error with nextjs 15 as supabase.auth is undefined at server

    • @JayceM3
      @JayceM3 11 днів тому

      did you find a fix for this?

  • @deepanshubajaj111
    @deepanshubajaj111 3 місяці тому

    how can we set different roles for the users while logging in using google

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

    bro, im getting user null when i log in with google.

  • @marlonflorencio4200
    @marlonflorencio4200 5 місяців тому

    Great tutorial, do you know the cost of this CPG service? is it free?

  • @0GRANATE0
    @0GRANATE0 2 місяці тому

    is this with nextjs 14.2?

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

    Hello!
    Nice tutorial... does it still work? im new to all this and got few login issues.
    I actually had the serversided login implemented before, but i THINK that somethign changed with supabase..

  • @codingjogo
    @codingjogo 6 місяців тому

    Your tutorial is great but no zooming in to see what’s going on to the small text

    • @codingjogo
      @codingjogo 6 місяців тому

      Hope u add zoom to scale those small text components etc thanks!!!

    • @TheDevLogger
      @TheDevLogger  6 місяців тому +1

      Thank you for the compliment! Haha yeah I realized that after I’ve edited the video 🤣

  • @StephenRayner
    @StephenRayner 6 місяців тому

    Decent thank you, I ran into an issue where sometimes when logging in it would put the users password in the url! 😮 I will take a look at how you’ve done it compared to my setup and see if it addresses the problem.

    • @TheDevLogger
      @TheDevLogger  6 місяців тому

      Ohh… that doesn’t sound right haha 😂 Let me know if you’d like me to create a GitHub repo with the example project and add it to the description

    • @StephenRayner
      @StephenRayner 6 місяців тому

      @@TheDevLoggerthat will be helpful. I can test your flow then slowly add my code into it to identify the root cause. One variation on my end is I’m using email with not the providers. But I doubt it is that. I also used the middle chain pattern. (Can share this with you if you like) but it was broken before that refactor if I remember rightly. Will try to remember to update you. On holiday atm. Will circle back within a month.

    • @TheDevLogger
      @TheDevLogger  6 місяців тому

      @@StephenRayner It's in the description! Just let me know if you find any issues with it

  • @chenjus
    @chenjus 6 місяців тому

    Im new to Supabase. So I can just use Supabase as a remote database and Auth service, right? Im thinking of using FastAPI with Docker and using Supabase just for Auth and object storage. Is that a typical architecture?

    • @TheDevLogger
      @TheDevLogger  6 місяців тому

      To my understanding you can use as much or as little of the services supabase provides as you want. You may want to look into using Supabase Edge Functions if you are building APIs, I haven’t used FastAPI before but I would guess that maybe the equivalent? Additionally if you are going to run a docker container anyway, you might as well self-host supabase

  • @AverageJohnny
    @AverageJohnny 6 місяців тому

    40th subscriber 🎉 Could you create a git repo with the code? I've followed the steps but the login button keeps calling the logout function, so I guess I did something wrong.

    • @TheDevLogger
      @TheDevLogger  6 місяців тому +1

      haha thank you for the support! I've added the repo to the description. Let me know if it still doesn't work for you.

    • @AverageJohnny
      @AverageJohnny 6 місяців тому

      @@TheDevLogger Thank you! I literally put the code for the logout in the login page, no wonder it was acting that way 😂 Do you have a twitter where we can follow you for updates and new videos?

    • @TheDevLogger
      @TheDevLogger  6 місяців тому +1

      @@AverageJohnny No problem! hahaha I make those silly mistakes all the time too. Instagram is probably where I'll be doing more frequent updates during the week. I haven't set that up yet but hopefully maybe within the next video or the video after there'll be a link in the description! I have soo many content ideas, it would be super cool to engage with you and everyone here to see what would be most helpful :)

    • @AverageJohnny
      @AverageJohnny 6 місяців тому

      @@TheDevLogger I would definetlly recommend posting on X as well, dev community there is huge. As for a video idea, I think a video on big Stripe alternative payment processors like LemonSqueezy would be very helpful. Most tutorials use Stripe, but since it isn't available everywhere, LemonSqueezy gained a lot of users and no content on youtube.

  • @LutherDePapier
    @LutherDePapier 6 місяців тому

    That thumbnail... 😂😂😂😂

  • @0GRANATE0
    @0GRANATE0 2 місяці тому

    this is soooo complicated, unbelievable.. why??? fml

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

    🫠🔥🔥

  • @CasualDrive
    @CasualDrive 21 годину тому

    It works on local but when trying to deploy on Vercel it gets error;
    Failed to compile.
    app/auth/confirm/route.ts
    Type error: File '/vercel/path0/app/auth/confirm/route.ts' is not a module.