Nextauth V5 Credentials With Next 14 App Router & Typescript
Published 8/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.42 GB | Duration: 5h 26m

Learn Next JS Auth in Next.js 14 app router. Email + password login / signup / reset, 2FA, postgres, drizzle, TS + more!

What you'll learn

Increase your value and improve your knowledge as a web developer

Implement Secure Authentication with NextAuth v5

Integrate Two-Factor Authentication (2FA) with the Google Authenticator App

Build and Manage Databases with Postgres hosted on Neon + incorporate Drizzle ORM for efficient database interactions

Master the integration of TypeScript, shadcn/ui, Tailwind CSS, Zod, and React Hook Form to build robust, type-safe, and user-friendly applications

Implement password reset functionality and protect specific routes to ensure that only authenticated users have access to certain parts of their application

Utilize Next JS server actions and integrate email functionality using Resend for seamless user communication

Requirements

Willingness to Learn and Experiment: A proactive attitude and eagerness to explore new technologies, such as NextAuth, TypeScript, and database management, will help students get the most out of the course

A basic understanding of React is required, as the course builds upon React concepts and integrates them with Next JS

Familiarity with Node and NPM is recommended for managing dependencies and running development environments

Description

Unlock the Power of Secure Authentication in Next.js 14 with NextAuth v5In today's digital world, securing user data is more important than ever. Whether you're a seasoned developer or just starting out, mastering secure authentication is a skill that will set you apart. With this course, you'll not only learn how to implement robust authentication systems but also gain hands-on experience with the latest tools and technologies.Why This Course?Imagine building a login system that not only protects user data but also enhances the user experience. In this course, you'll dive into NextAuth v5 with Next.js 14, mastering email and password logins with the Credentials provider. But we don't stop there. You'll also implement Two-Factor Authentication (2FA) using the Google Authenticator app, giving your users that extra layer of security they demand.What You'll Master:Seamless User Authentication: Implement secure login systems using NextAuth v5 and the Next.js 14 app router, making your application both powerful and user-friendly.Advanced Security Features: Learn how to add password reset functionality and protect specific routes, ensuring that only authorized users access sensitive areas of your app.Cutting-Edge Tech Stack: Work with Neon-hosted PostgreSQL, Drizzle ORM, and TypeScript to build a robust backend, while using shadcn/ui and Tailwind CSS for beautiful, responsive user interfaces.Efficient Form Handling & Validation: Streamline your forms with React Hook Form and Zod, ensuring your data is always accurate and your user experience flawless.Reliable Email Integration: Implement email functionalities with Resend, making communication with your users smooth and reliable.Who Is This Course For?This course is perfect for developers at any stage of their career who are eager to learn how to build secure, scalable applications. Whether you're aiming to enhance your existing skills or break into the world of full-stack development, this course will provide you with the knowledge and tools to succeed.Enroll now and take the next step in your development journey. By the end of this course, you'll be fully equipped to build and deploy secure, scalable authentication systems with Next.js and NextAuth v5. Don't miss out - start today!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Udemy ratings and reviews

Lecture 3 Create the Next JS project

Section 2: Build the Register functionality

Lecture 4 Create the Register page

Lecture 5 Create the Register form using zod and react-hook-form

Lecture 6 Add form fields to the Register form

Lecture 7 Add extra form validation using zod

Lecture 8 Create a server action to post new user registrations

Section 3: Save user data to a postgres database

Lecture 9 Create a new postgres database hosted on neon

Lecture 10 Set up drizzle in our Next JS project

Lecture 11 Create the users table using drizzle

Lecture 12 Save new user data to the postgres database

Lecture 13 Finish off the Register form with extra validation

Section 4: Build the login functionality

Lecture 14 Create the Login page, Login form with react-hook-form, and validation with zod

Lecture 15 Create the Login server action

Lecture 16 Implement Next Auth

Lecture 17 Log in using Next Auth

Lecture 18 Redirect on successful login and add logout functionality

Lecture 19 Add the Login and Register links and login error message

Section 5: Build the mini user dashboard

Lecture 20 Create the my-account page

Lecture 21 Create the logged-in layout

Lecture 22 Protect routes for logged in users using Next JS layouts

Lecture 23 Add the My Account Card

Section 6: Build the change password functionality

Lecture 24 Create the change-password page

Lecture 25 Create the changePassword server action

Section 7: Build the forgot password functionality

Lecture 26 Create the password-reset page

Lecture 27 Pass email value from Login page to Password Reset page

Lecture 28 Create the passwordReset server action

Lecture 29 Create the password_reset_tokens table

Lecture 30 Save the password reset token to the database

Lecture 31 Add a success message to the UI when a token is created

Lecture 32 Create the update-password page and validate password reset token

Lecture 33 Create the update password form and server action

Lecture 34 Finish the update password server action

Lecture 35 Set up email sending with Resend

This course is ideal for web developers who want to increase their value as a web developer and enhance their skills in building secure authentication systems using modern tools and technologies like Next JS 14 and NextAuth v5