Add Authentication to Next.js in 10 mins with OAuth (Google, Github...)

Adding Authentication to your React or Next.js application can be hard sometimes, especially if you're dealing with OAuth providers like allowing your users to log in with their Google account or even using regular credentials like Email and password it will turn into a huge mess when trying to deal with different aspects of authentication.


⭐ Timestamps ⭐
00:00 Intro
00:51 NextAuth.js Library
02:03 NextAuth Setup
04:16 Login with Credentials (Email & Password)
06:27 Adding Login with Google & Github config
10:23 Generated Login page
12:25 Using a Custom Login Page
14:42 Google and Github Login
16:25 Managing User Session
18:13 Protected routes & Redirects

-- Special Links

✨ Join Figma for Free and start designing now!
https://psxid.figma.com/69wr7zzb1mxm

👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
https://psxid.figma.com/ucwkx28d18fo-...

💻 Clone the Next.js Auth Repo
https://github.com/ipenywis/nextjs-auth

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...  

🧭 Turn Design into React Code | From prototype to Full website in no time
   • Turn Design into React Code | From pr...  

🧭 Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...  

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...  

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...  

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...  

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
   • Debug React Apps Like a Pro | Master ...  

🧭 Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...  


🐦 Follow me on Twitter:   / ipenywis  
💻 Github Profile: https://github.com/ipenywis

Made with 💗 by Coderone