Next.js Authentication – AuthJS / NextAuth for Role-Based Security
By freeCodeCamp.org
Published: Nov 06, 2023“
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
”
EricBrooks.Com® is licensed under a Creative Commons License.