Next.Js 14 Authentication - Auth Js V5 Complete Guide

Learn Auth.js V5 to master authentication and authorization in your Next.js app.

What you'll learn

How to implement authentication in your next js app.

Latest version of auth js V5 with credentials and Oauth based login.

Concepts of Client and Server Side page protection along with middleware concepts.

Integrate prisma adapter with mongoDB database to interact with next js app.

Requirements

You should know ES6 and React concepts.

You should know basic concepts of next js 14.

Description

Unlock the power of authentication in your Next.js applications with our comprehensive Udemy course, "Next.js 14 Authentication: Auth.js v5 Complete Guide." This course is designed for developers who want to master the latest version of Auth.js (v5) and build robust authentication systems in Next.js 14.Whether you're new to authentication or looking to enhance your skills, this course provides hands-on experience with real-world projects, ensuring you gain a deep understanding of both credential-based and OAuth-based authentication.What You Will Learn:Introduction to Auth.js v5:Overview of Auth.js v5 features and improvementsIntegration with Next.js 14Best practices for authentication and authorizationProject 1: Credential-Based AuthenticationUser Registration:Implement user registration with email verificationDesign and send email verification linksUser Login:Set up login functionalityProtect routes with middlewarePassword Management:Implement "Forgot Password" functionalitySend password reset links to usersProject 2: OAuth Authentication with TypeScriptGoogle and GitHub Authentication:Integrate Google and GitHub login with OAuthConfigure authentication providersServer-Side Page Protection:Implement server-side page protectionManage sessions and access controlClient-Side Page Protection:Secure client-side pages and routesHandle authenticated states and redirectsAPI Routes Protection:Secure API routes with authenticationManage access control for APIsCourse Features:Hands-On Projects: Two complete projects that cover credential-based and OAuth authentication, providing practical experience.Comprehensive Coverage: In-depth tutorials on both server-side and client-side authentication techniques.TypeScript Integration: Learn how to implement authentication with TypeScript for type safety and better development practices.Middleware and Route Protection: Master route protection using middleware and manage user access efficiently.Practical Examples: Real-world scenarios to reinforce your learning and build functional applications.Who This Course Is For:Developers looking to integrate authentication into their Next.js applicationsIntermediate Next.js developers who want to expand their skillsAnyone interested in modern authentication practices and technologiesJoin us in this course to enhance your Next.js development skills with the latest authentication techniques and build secure, scalable applications. Enroll now and start mastering Auth.js v5!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Prerequisites and what this course is not

Section 2: Auth JS V5 - Credentials Login

Lecture 3 Creating next js project and installing auth js V5

Lecture 4 Implementing basic auth and protected pages

Lecture 5 Implementing login page UI

Lecture 6 Implementing register page UI

Lecture 7 Routes configuration

Lecture 8 Implementing auth config and middleware

Lecture 9 Setting up prisma and mongoDB database

Lecture 10 Creating prisma schema

Lecture 11 Implementing prisma client

Lecture 12 Creating zod schema and client side register page logic

Lecture 13 Implementing client side login page logic

Lecture 14 Implementing auth js logic and api route

Lecture 15 Implementing register server action

Lecture 16 Sending verification email using resend

Lecture 17 Implementing verify email page

Lecture 18 Fixing toast issue

Lecture 19 Implementing login server action

Lecture 20 Get current session and users page UI

Lecture 21 Implementing logout functionality

Lecture 22 Implementing forgot password page and client side logic

Lecture 23 Implementing new password page and client side logic

Lecture 24 Implementing reset password email verify logic

Lecture 25 Creating password reset token and sending email

Lecture 26 Implementing new password server action

Lecture 27 Adding image and implementing loading with suspense

Lecture 28 Deployment in vercel

Section 3: Auth JS V5 - Google & Github OAuth Login

Lecture 29 Creating project and installing dependencies

Lecture 30 Implementing common layout component

Lecture 31 Implementing navbar component

Lecture 32 Setting up pages

Lecture 33 Setting up github provider

Lecture 34 Setting up google provider

Lecture 35 Creating auth js, middleware logic and next auth route

Lecture 36 Implementing sign in feature

Lecture 37 Handling auth logic in server components and current user session

Lecture 38 Handling auth logic in client components

Lecture 39 Handling auth logic in route handlers

Lecture 40 Protecting admin route using redirect feature

Lecture 41 Implementing logout feature

Lecture 42 Deployment in vercel

Developers who already know next js and want to learn how to use auth js with it.,Developers who want to master authentication concepts in next js app.