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

From the creator

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 @TheSTEMDad ❤️ 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

Published 2023-11-06 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.