![Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021] @naderdabit](https://i.ytimg.com/vi/oXWImFqsQF4/maxresdefault.jpg)
Uploaded July 2021 | Updated September 2026, 7 hours ago
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:
github.com/dabit3/supabase-nextjs-auth
Written tutorial:
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. 🚀
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:
github.com/dabit3/supabase-nextjs-auth
Written tutorial:
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. 🚀
![Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021]](https://i.ytimg.com/vi/oXWImFqsQF4/mqdefault.jpg "Magic Link Authentication and Route Controls with Supabase and Next.js - The Complete Guide [2021]
In this video, well 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. 🚀")
