Next-Auth Forget | Reset Password in Next.js 14 with MongoDB

Описание

Learn how to implementation forget password and reset password functionality using next-auth in next.js 14. I will show you how to generate tokens, store token in user model in mongodb, send email to user with url to reset password, verify token validity and expiry and finally reset password.
So, I will create 2 frontend components for forget password form reset password form. I will create 3 apis to generate and send email to user using sendgrid, api for verifying token which is store in user's model in database and finally reset password api to generate hashed password and update it in database.

First Part (Next-Auth Login Register in next.js 14 with MongoDB):
https://www.youtube.com/watch?v=1SjqRn_Ira4

First part source code (Give it a Star ⭐️ )
https://github.com/umairjameel321/next-auth-mongodb

01:30 Next.js 14 Tutorials
03:45 Overview of forget password using next-auth in next.js 14
08:50 Update next.js 13 to next.js 14
09:55 Create forget password component for next-auth
15:30 Api route for forget password
21:40 Update User mongoose model
27:30 Configure sendgrid for sending email
37:10 Create reset password component
43:40 Create api to verify token
47:30 Use verify token api on client side
52:00 Create api to reset password
59:30 Testing

#nextjs14 #nextauth #forgetpassword #resetpassword

React tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7

JavaScript Tutorials and Projects:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rwqWg1yPGBFKFZWqjaCTZe

Angular Tutorials:
https://www.youtube.com/watch?v=Qts7H8P-FpI&list=PL3i9po_eXL_qZ4PNvMUcHBERa2m9QRFo1&pp=gAQBiAQB

Angular 16 Crash Course For Begineers:
https://www.youtube.com/playlist?list=PL3i9po_eXL_orh8YJcdGNO0C6P2mHABT7

Tech Tutorials - Random:
https://www.youtube.com/watch?v=IYRrE-yikb0&list=PL3i9po_eXL_pKCqB5J5KoRdR-4uebo1r-

Complete Next.js 13 Crash Course: https://www.youtube.com/playlist?list=PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH

Node Express MongoDB Bootcamp: https://www.youtube.com/playlist?list=PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU

ChatGPT Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW

Join our facebook group:
https://www.facebook.com/groups/996305460498149/

Contact us for development services:
https://www.linkedin.com/in/umair-jameel-24aa5368/