NextAuth v5 Credentials with Next 14 App Router TypeScript

NextAuth v5 Credentials with Next 14 App Router & TypeScript, available at $54.99, with 43 lectures, and has 60 subscribers.

You will learn about 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 This course is ideal for individuals who are 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 It is particularly useful for 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.

Enroll now: NextAuth v5 Credentials with Next 14 App Router & TypeScript

Summary

Title: NextAuth v5 Credentials with Next 14 App Router & TypeScript

Price: $54.99

Number of Lectures: 43

Number of Published Lectures: 43

Number of Curriculum Items: 43

Number of Published Curriculum Objects: 43

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

Unlock the Power of Secure Authentication in Next.js 14 with NextAuth v5

In 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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Important! Read this before you begin the course! (Github repo etc)

Lecture 2: Introduction

Lecture 3: Udemy ratings and reviews

Lecture 4: Create the Next JS project

Chapter 2: Build the Register functionality

Lecture 1: Create the Register page

Lecture 2: Create the Register form using zod and react-hook-form

Lecture 3: Add form fields to the Register form

Lecture 4: Add extra form validation using zod

Lecture 5: Create a server action to post new user registrations

Chapter 3: Save user data to a postgres database

Lecture 1: Create a new postgres database hosted on neon

Lecture 2: Set up drizzle in our Next JS project

Lecture 3: Create the users table using drizzle

Lecture 4: Save new user data to the postgres database

Lecture 5: Finish off the Register form with extra validation

Chapter 4: Build the login functionality

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

Lecture 2: Create the Login server action

Lecture 3: Implement Next Auth

Lecture 4: Log in using Next Auth

Lecture 5: Redirect on successful login and add logout functionality

Lecture 6: Add the Login and Register links and login error message

Chapter 5: Build the mini user dashboard

Lecture 1: Create the my-account page

Lecture 2: Create the logged-in layout

Lecture 3: Protect routes for logged in users using Next JS layouts

Lecture 4: Add the My Account Card

Chapter 6: Build the change password functionality

Lecture 1: Create the change-password page

Lecture 2: Create the changePassword server action

Chapter 7: Build the forgot password functionality

Lecture 1: Create the password-reset page

Lecture 2: Pass email value from Login page to Password Reset page

Lecture 3: Create the passwordReset server action

Lecture 4: Create the password_reset_tokens table

Lecture 5: Save the password reset token to the database

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

Lecture 7: Create the update-password page and validate password reset token

Lecture 8: Create the update password form and server action

Lecture 9: Finish the update password server action

Lecture 10: Set up email sending with Resend

Chapter 8: Build the two-factor authentication functionality

Lecture 1: Create the initial UI for Step 1 in the Two-Factor Auth flow

Lecture 2: Create the server action to generate and return the 2FA secret

Lecture 3: Render the QR code to scan in the Google Authenticator app

Lecture 4: Create the OTP confirmation UI

Lecture 5: Create the activate and deactivate 2FA server actions

Lecture 6: Refactor Login page to cater for 2FA

Lecture 7: BONUS!

Instructors

Tom Phillips
Fast-paced information-dense courses for busy web developers

WebDevEducation (Tom Phillips)
Fast-paced information-dense courses for busy web developers

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 2 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!