Next.js Role-Based User Authorization and Access Control - Next Auth Protected Routes

Explore role-based user authorization and access control in Next.js using NextAuth.js middleware. Implement protected routes with the Next.js 13 app router, learn to configure OAuth and credentials authorization, persist user roles, and set up TypeScript module augmentation. Master the withAuth wrapper for middleware, configure environment variables, and create role-based access routing. Apply these concepts through hands-on coding, from initial setup to final testing of the new middleware configuration.

Intro
Welcome
Getting Started
Starter Code
Options - OAuth profile function
Options - Credentials authorize function
Persisting the role
TypeScript Module Augmentation
Middleware - withAuth wrapper
Environment variables
Trying out the configuration
Analyzing the results
Component changes
Middleware - authorized callback changes
Middleware - Role-Based Access Routing
Denied page
Trying out the new Middleware configuration