Master Next Auth V5 With Next JS 14

In this video, we'll dive into adding authentication to your Next.js application using NextAuth, the official and recommended approach for Next.js projects. We'll walk through the entire process, from setting up user registration (sign-up) to generating email verification links. Along the way, we'll also cover the database setup using MongoDB and email handling with Mailtrap. Once sign-up is complete, we'll move on to implementing the sign-in process. You'll learn how to create forgotten password links so users can easily reset their passwords if needed. We'll also tackle the challenge of profile image uploads in Next.js—a crucial feature that's often tricky to implement. I'll guide you through the process, including how to update the session after an image upload. Finally, we'll integrate Google OAuth to enable users to sign in with their Google accounts, adding a "Continue with Google" feature to your application. By the end of this video, you'll have a comprehensive understanding of how to implement a full-fledged authentication system in Next.js. Download Resources: https://download.fsniraj.dev/ Need Help: https://www.fsniraj.dev/contact-us Video Content: 00:00:00 Introduction & Project Setup 00:06:10 Basic Authentication Flow 00:26:26 Basic UI & Forms 00:38:41 Sign Up Using Server Action 00:45:23 Database (mongodb) Setup 01:00:40 Validating & Storing New User to DB 01:13:51 Gerring Response From Actions 01:24:08 Hashing Password 01:34:03 Preventing Duplicate Users 01:37:49 useFormStatus Hook 01:41:25 Email Verification Link 01:56:54 Sending Verification Link to Email 02:09:51 Verifying Email Address 02:18:25 Sign In With Credentials 02:43:41 Grouping Routes by Auth Status 02:53:31 Regenerate Email Verification UI 02:56:57 Returning Custom Session 03:07:49 Regenerate Email Verification Link 03:14:34 Update User Info & Session 03:25:43 File Upload & Profile Picture Update 03:51:02 Forget Password Link 04:20:50 Continue With Google Setup 04:41:49 Bonus (Sending Real Emails)