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-cb44ct
💻 Grap the Twitter clone Repo built entirely using Server Components
https://github.com/ipenywis/nextjs-rsc
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
https://youtu.be/VWEJ-GhjU4U
🧭 Turn Design into React Code | From prototype to Full website in no time
https://youtu.be/0xhu_vgKZ8k
🧭 Watch Tutorial on Designing the website on Figma
https://youtu.be/SB3rt-cQZas
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
https://youtu.be/-bll7l-BKQI
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
https://youtu.be/_rnxOD9NKAs
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
https://youtu.be/M_Oes39FNuk
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
https://youtu.be/_rnxOD9NKAs
🧭 Introduction to GraphQL with Apollo and React
https://youtu.be/eCO6MvvRhXk
🐦 Follow me on Twitter: https://twitter.com/ipenywis
💻 Github Profile: https://github.com/ipenywis
Made with 💗 by Coderone
Comments are closed.