Uploaded March 2019 | Updated September 2026, 3 hours ago
A real-time collaborative drum machine built with React, GraphQL & AWS AppSync
github.com/dabit3/hype-beats
A real-time collaborative drum machine built with React, GraphQL & AWS AppSync
github.com/dabit3/hype-beats
![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. 🚀")
