Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Next.js Authentication and Login with Next.js 15 - Full Stack Implementation

Dave Gray via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to implement comprehensive authentication features in a full stack Next.js 15 project through this 42-minute video tutorial. Master the implementation of login and logout functionality, route protection with middleware, and user permissions using Kinde Auth integration. Follow along to configure environment variables, create necessary API routes, and set up Multi-Factor Authentication (MFA). Explore the step-by-step process of adding authentication to both new and existing Next.js codebases, while understanding the advantages of using Kinde Auth over building custom authentication solutions. Gain practical experience with TypeScript, Tailwind CSS, and ShadcN/ui components while building secure user authentication flows that include user management and permission settings.

Syllabus

Intro
Tech Stack
User Stories Checklist
Kinde Auth vs "Roll Your Own"
Set Up a Free Kinde Account
Adding Kinde to an Existing Codebase
Installing Kinde with Next.js 15
Adding Environment Variables
Required API Route
Create a Login Page
Kinde Auth Settings
Add a User
Add Permissions
Multi-Factor Auth aka MFA
Create a Logout Button
Protecting Routes with Middleware

Taught by

Dave Gray

Reviews

Start your review of Next.js Authentication and Login with Next.js 15 - Full Stack Implementation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.