Supabase Authentication with Next.js Server actions: Sign up | Login | Logout | Reset Password

Authentication is generally crucial in any web application to manage users.
So what's the agenda today? We are going to Create an authentication flow for users to be able to Sign up, Login, Logout, and also Reset their Password using Supabase Auth and Next.js App router with server actions and @supabase/ssr package
Source Code: github.com/Ankomahene/supabas...
00:00 Introduction
01:13 Walkthrough
10:02 Quick start
14:32 UI and Pages
19:07: Sign Up
33:24 Auth Buttons State
38:29 Logout
41:10 Login
46:51 Reset Password
59:12 Protecting Routes
01:02:12 Testing all flows
01:06:05 Conclusion
Twitter
/ mrshad_official
#nextjs14 #authentication #supabase

[@pedrozamora3568]

Great video, pal

[@jamdun3043]

Very smart use of Url query params, works flawlessly in Next.js 14, SSR context, highly customized app routes. Thank you 😀

[@bespokeprogramming]

Thanks pal! I have similar app but your one goes further. Happy ti test your approach. Well done!

[@adegokefavour3862]

Thanks God bless you

[@adegokefavour3862]

You are the best, let me subscribe

[@vasyl8889]

Thanks man, you helped me a lot

[@solarspear27]

Really helpful! thank you

[@cornelius-IndieHacker]

thanks man, great video 🚀

[@neilvenmascarinas4365]

thank you so much bro, big help for me

[@flanderstruck3751]

Thank you!!

[@thomasbeckford5115]

Thanks!!

[@user-nj4tr5lf6z]

Impressive, I love it

[@movielens12]

i have Auth session is missing in production, when i try to reset password, what is it?

[@BassoDev_]

I found ! in supabase just go to the authentication tab and remove the localhost for your production link.

[@BassoDev_]

in production the email link 'forgot my password' redirects me to localhost, is there any additional configuration in supabase to do?

[@BassoDev_]

I found ! in supabase just go to the authentication tab and remove the localhost for your production link.

[@adegokefavour3862]

Please what is the vs code extension

[@adegokefavour3862]

Thanks

[@aminoszouinekh7553]

i got this error exchangeCodeForSession AuthApiError: invalid request: both auth code and code verifier should be non-empty meanwhile i am sure that i had the code in the url and also in the console.log

[@ShareBoost]

I have the same did you find a fix?

[@brettfisher6087]

Very helpful, thank you!