Next.js Authentication || Register User To MongoDB With Next-Auth V5

Опубликовано: 04 Октябрь 2024
на канале: tapaScript by Tapas Adhikary
9,485
305

Enjoy my videos & teaching? Join tapaScript as a member:
   / @tapasadhikary  

Learn to persist user data to MongoDB using Next-Auth V5. Continuing from our last video where we used the Credential Provider, now in this step-by-step guide you will learn to interact with MongoDB to persist data through the user registration process.

Catch up with the previous video on Next-Auth V5 Authentication with Credential Provider:    • Next.js Authentication With Next-Auth...  

Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. I hope you enjoy this one the same way you liked the previous videos from the series.

Let's GO 🚀


I take special care to provide you the best quality content. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶

Timecodes
0:00 - We Will Learn These
01:45 - Add A Register Link
02:47 - Create Registration Page
04:59 - Add a Login Link
06:36 - API Route Handler for Register
09:48 - Registration Form Submit
14:05 - Test API Route From Register Form
16:29 - The User Schema and Model in MongoDB
21:39 - Establish MongoDB Connection
24:07 - Function To Save User Data To MongoDB
25:45 - Encrypt Password Before Saving
27:16 - Call Function To Create User in MongoDB
29:10 - Test Out The User Registration
31:03 - Change Auth.js For Login Flow
33:41 - Test Out Both Register & Login Flow
34:20 - What's Next?

Source Code on tapaScript GitHub:
https://github.com/tapascript/learn-n... (If you like, please support the project with a ⭐)

Join tapaScript Discord
  / discord  

🤝 My Links:
Blog: https://blog.greenroots.info/
Follow on X(Twitter):   / tapasadhikary  
Connect on LinkedIn:   / tapasadhikary  
Follow My Work on GitHub: https://github.com/atapas
Follow on Facebook:   / tapasadhi  

Special Links:
How to setup and install MongoDB: https://www.mongodb.com/docs/manual/i...
Are you looking for the best NextJS templates to start your project development? Download and use them for FREE: https://www.wrappixel.com/templates/c...
If you are looking for the best content management system, here is something for FREE that you can rely on: https://app.caisy.io/app/signup/mwiyy...

👋 Like my work? Thank You. You can sponsor me from here:
Sponsor Me: https://github.com/sponsors/atapas
Sponsor my Blog: https://blog.greenroots.info/sponsor

About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.

You can find more about him at https://tapasadhikary.com.

#nextjstutorial
#next
#nextjs14
#nextauth
#authentication
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
#next-auth
#authjs


Credit
The thumbnail uses a login form image that is by "sign in PNG Designed By 祭二 from https://pngtree.com/freepng/gradient-..."