Next Auth V5 - Advanced Guide (2024) | Code With Antonio

This podcast episode provides a comprehensive guide to building a robust authentication application using NextJS and NextAuth V5, covering everything from project setup with ShadCN UI, NextJS routing, and Tailwind CSS, to implementing advanced features like OAuth, email verification, and two-factor authentication. Through detailed explanations and practical demonstrations, the speaker equips listeners with the necessary skills to manage user authentication effectively, while ensuring a smooth user experience across registration, login, and account management.

Outlines

Sign in to continue reading, translating and more.

Open full episode in Podwise

Next Auth V5 - Advanced Guide (2024)

Code With Antonio

Setting Up the Project and ShadCN UI

Understanding NextJS Routing with the App Router

Building the Landing Page and Login Button Component

Creating the Login Form and Card Wrapper Component

Implementing Server Actions and Form Error/Success Components

Connecting to a Database with Prisma and Creating User Models

Implementing Password Encryption and User Data Utilities

Setting Up NextAuth V5 and Implementing Login Functionality

Using Middleware for Route Protection and Session Extension

Extending the Session Object with Custom Data

Implementing OAuth Providers (Google and GitHub)

Implementing Email Verification for Credential Users

Implementing Forgot Password Functionality

Implementing Two-Factor Authentication

Creating the Inner Application Pages and Server/Client Component Examples

Building the Settings Page and Updating User Data

Deploying the Application and Adding a Domain to Resend

Next Auth V5 - Advanced Guide (2024)

Code With Antonio

00:05Setting Up the Project and ShadCN UI

Setting Up the Project and ShadCN UI

15:20Understanding NextJS Routing with the App Router

Understanding NextJS Routing with the App Router

38:06Building the Landing Page and Login Button Component

Building the Landing Page and Login Button Component

48:41Creating the Login Form and Card Wrapper Component

Creating the Login Form and Card Wrapper Component

1:04:52Implementing Server Actions and Form Error/Success Components

Implementing Server Actions and Form Error/Success Components

1:17:15Connecting to a Database with Prisma and Creating User Models

Connecting to a Database with Prisma and Creating User Models

1:38:38Implementing Password Encryption and User Data Utilities

Implementing Password Encryption and User Data Utilities

1:58:12Setting Up NextAuth V5 and Implementing Login Functionality

Setting Up NextAuth V5 and Implementing Login Functionality

2:18:08Using Middleware for Route Protection and Session Extension

Using Middleware for Route Protection and Session Extension

2:50:51Extending the Session Object with Custom Data

Extending the Session Object with Custom Data

3:20:28Implementing OAuth Providers (Google and GitHub)

Implementing OAuth Providers (Google and GitHub)

3:47:44Implementing Email Verification for Credential Users

Implementing Email Verification for Credential Users

4:19:28Implementing Forgot Password Functionality

Implementing Forgot Password Functionality

5:08:12Implementing Two-Factor Authentication

Implementing Two-Factor Authentication

5:55:29Creating the Inner Application Pages and Server/Client Component Examples

Creating the Inner Application Pages and Server/Client Component Examples

6:14:47Building the Settings Page and Updating User Data

Building the Settings Page and Updating User Data

7:38:15Deploying the Application and Adding a Domain to Resend

Deploying the Application and Adding a Domain to Resend