Learn how to build a modern authentication system in Next.js 15 using Supabase! In this comprehensive tutorial, we'll create a production-ready auth system with features like:
• Password-less authentication with magic link
• Social login integration (Google)
• Middleware
• Persistent sessions with cookies
Chapters:
0:00 - Introduction
0:32 - Start of Tutorial
0:41 - Authentication Approaches Overview
1:04 - Project Structure & Setup
2:46 - Code Organization
3:25 - Supabase Documentation & Setup
4:43 - Supabase Client Configuration
5:31 - Middleware Setup
6:35 - Authentication & Redirects
7:38 - Client & Server Actions
8:45 - Supabase Provider Configuration
9:48 - Magic Link Implementation
11:31 - Form Handling & Error States
12:16 - Google Authentication Flow
12:34 - API Callback Route
13:51 - User Data & Session Management
14:39 - Testing the Authentication
15:36 - Server vs Client Data Fetching
16:35 - Conclusion
👨💻Get the code here - https://github.com/Kirsanow/nextjs15-auth-tutorial
🔗 Other Next JS Tutorials:
NextJS SEO Guide: https://youtu.be/_w5Jn2sAJXw?si=KS-NqkEF5Blh74OF
NextJS AI app tutorial: https://youtu.be/ZhR0wRJsdAk?si=aNSdxUOrPQMrqhBi
Tech stack to ship fast: https://youtu.be/mGkoSB9OAUk?si=qnDm793GGFuSkPog
#nextjs #ai #webdevelopment #javascript #programming #supabase #auth
🏗️🔵 WORK with me: https://kirsanov.co
👉🔴 SUBSCRIBE for more: / @kirsnv
🏡 JOIN our Community for Indie developers: https://discord.gg/UWw4brgu
☕️ BUY ME A COFFEE if you like the content: https://buymeacoffee.com/kirsanov