Next.js Authentication - AuthJS / NextAuth for Role-Based Security

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 ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ 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