Next.js Authentication Master Class - No Libraries (Email/Password, OAuth2, etc.)

Web Dev Simplified • February 25, 2025

Web Dev Simplified

About

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!

Latest Posts

PT4M

NEW Tanstack AI Library is Amazing!

Web Dev Simplified3 months ago

31874

PT4M

Stop Writing React Code Like This

Web Dev Simplified4 months ago

106295

PT4M

Learn Tanstack Start In 60 Minutes

Web Dev Simplified4 months ago

95318

PT4M

You are a Junior Dev if You Don’t Know These 18 TypeScript Utility Types

Web Dev Simplified4 months ago

84989

Video Description

Try Clerk: https://go.clerk.com/wds-auth Building authentication from scratch is a daunting task which is why in this video I show you how to build a production ready authentication system with email/password, OAuth2, cookies, session management, and so much more. This is the ultimate authentication crash course. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/custom-nextjs-authentication 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00:00 - Introduction 00:02:05 - Email/Password Diagram Explanations 00:09:09 - Starting Code 00:12:28 - Email/Password Sign Up 00:20:25 - Session Management 00:34:15 - Email/Password Sign In 00:37:55 - Logout Logic 00:40:25 - Advanced getCurrentUser Function 00:44:15 - Private Pages/Next.js Middleware 00:49:16 - Updating Session Data 00:56:43 - Clerk Setup 01:02:52 - OAuth Diagram Explanations 01:06:23 - Starting Code Updates 01:10:22 - Discord OAuth Setup 01:12:25 - OAuth Auth URL (Step 1) 01:21:05 - OAuth Access Token (Step 2) 01:30:45 - OAuth User Data (Step 3) 01:39:40 - Advanced OAuth Security (State) 01:44:00 - Advanced OAuth Security (Code Verifier) 01:47:29 - Making OAuth Client Generic 01:54:18 - GitHub OAuth 01:58:32 - Fixing Cookie Bug #Authentication #WDS #NextJS