Uploaded April 2022 | Updated September 2026, 4 hours ago
🔗 Written tutorial: dev.to/edge-and-node/the-complete-guide-to-full-stack-web3-development-4g74
🔗 Codebase: github.com/dabit3/full-stack-web3
In this in depth guide you'll learn the tools, protocols, and frameworks for building full stack web3 apps, and most importantly - how to put everything together to lay the groundwork for building out any of your own ideas in the future.
Some of the tools, languages, and protocols we'll be covering include JavaScript, React, Next.js, Solidity, Hardhat, Polygon, The Graph, and Radicle.
🔗 Written tutorial: dev.to/edge-and-node/the-complete-guide-to-full-stack-web3-development-4g74
🔗 Codebase: github.com/dabit3/full-stack-web3
In this in depth guide you'll learn the tools, protocols, and frameworks for building full stack web3 apps, and most importantly - how to put everything together to lay the groundwork for building out any of your own ideas in the future.
Some of the tools, languages, and protocols we'll be covering include JavaScript, React, Next.js, Solidity, Hardhat, Polygon, The Graph, and Radicle.
![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. 🚀")
