In this video, we'll build out a Next.js app that enables navigation, authentication, authorization, redirects (client and server-side), and a profile view with Supabase magic link authentication.
Code:
https://github.com/dabit3/supabase-nextjs-auth
Written tutorial:
https://dev.to/dabit3/magic-link-authentication-and-route-controls-with-supabase-and-next-js-leo
0:00 - Intro
2:00 - Project setup
7:25 - Creating the sign in page
10:45 - Creating the profile page
17:33 - Creating the API route
18:25 - Updating _app.js to acc navigation and auth state
27:49 - Creating the protected page
30:11 - Running the project
32:00 - Conclusion
Thanks to Supabase for being a sponsor of my channel. 🚀