Next-Auth login authentication tutorial with NextJs App directory, React Hook Form, MongoDB, Vercel


In the ever-evolving web development landscape, the synergy between frameworks and libraries is crucial for crafting efficient, user-friendly applications. When it comes to authentication in the world of Next.js, NextAuth emerges as a beacon of excellence. In this video, I explore how you can integrate NextAuth into Next.js.

Also, I have added some fantastic packages, including React Hook Form, MongoDB, and Shadcn/UI. You will learn

✨Integrating and Setup NextAuth in the Nextjs app directory

✨Setup Credentials Provider, Google Provider, and Github Provider

✨Get NextAuth Session Data In Client and Server Components

✨Upload the NextJs app in Vercel

✨Use MongoDB Compass and Atlas in the NextJs app

✨ Use React Hot Toast and React Hook Form in NextJs


Thanks for checking out my portfolio!

I really enjoy programming—it's not just my job, it's something I love. I've finished lots of web projects using different tools, and I'm excited to share what I know with everyone and help out.

I know my way around ReactJS, NextJS, MongoDB, WordPress, Laravel, CodeIgniter, and making things look good (UI/UX). I'm also a quick learner, always ready to learn and grow in my field.

If you've got any questions or need some help, feel free to get in touch anytime.

Best regards,

SANDIPAN DASFull Stack Web Developer

Let‘s collaborate
on your next project

Schedule a Zoom Meeting