Learn how to use NextAuth, soon to be called AuthJS. Learn how to use this tool to add authentication to Next.js 13.5. Dive into the world of role-based authentication and learn how to implement authentication on both server-rendered and client-rendered pages. Discover how to leverage out-of-the-box OAuth providers like Google and GitHub, and explore the process of creating your custom authentication provider using MongoDB. Stay ahead in the world of authentication with this comprehensive guide! 💻 Code: https://github.com/ClarityCoders/NextAuthTutorial-Video ✏️ Course developed by @ClarityCoders ⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:41) Environment Setup / Extension Review
⌨️ (0:02:24) Project Creation
⌨️ (0:03:28) Install NextAuth (Auth.js) / Create Project Structure
⌨️ (0:15:36) Create NextAuth (Auth.js) API – Options / Routes
⌨️ (0:25:39) Setup built-in OAuth Provider – (Google / GitHub)
⌨️ (0:29:47) Login / Logout Funtionality
⌨️ (0:37:45) Protecting Pages – Server Side Page
⌨️ (0:40:10) Protecting Pages – Client Side Page
⌨️ (0:46:12) Protecting Pages – Middleware
⌨️ (0:53:58) Creating Custom Provider (Creating a Database of Users)
⌨️ (0:55:16) MongoDB Atlas Signup / Setup
⌨️ (0:58:04) Create User Models (Mongoose Schema)
⌨️ (1:00:37) User Form to Create Users
⌨️ (1:10:30) Create Users API
⌨️ (1:18:45) Setup Custom Provider 🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan 👾 Oscar Rahnama — Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news