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

Dive into a comprehensive tutorial on implementing authentication in Next.js 13.5 using NextAuth (soon to be called AuthJS). Master role-based authentication for both server-rendered and client-rendered pages, integrate OAuth providers like Google and GitHub, and create a custom authentication provider with MongoDB. Explore project setup, API creation, login/logout functionality, page protection techniques, and custom user database implementation. Follow along with step-by-step instructions, from environment setup to creating user models and forms, while learning best practices for secure authentication in modern web applications.

⌨️ Introduction
⌨️ Environment Setup / Extension Review
⌨️ Project Creation
⌨️ Install NextAuth Auth.js / Create Project Structure
⌨️ Create NextAuth Auth.js API - Options / Routes
⌨️ Setup built-in OAuth Provider - Google / GitHub
⌨️ Login / Logout Funtionality
⌨️ Protecting Pages - Server Side Page
⌨️ Protecting Pages - Client Side Page
⌨️ Protecting Pages - Middleware
⌨️ Creating Custom Provider Creating a Database of Users
⌨️ MongoDB Atlas Signup / Setup
⌨️ Create User Models Mongoose Schema
⌨️ User Form to Create Users
⌨️ Create Users API
⌨️ Setup Custom Provider