Next-Auth v4 with Nextjs Server Actions, Mongo DB, Mongoose, Google Login, Credentials Login
Next-Auth v4 with Nextjs Server Actions, Mongo DB, Mongoose, Google Login, Credentials Login
🔥Main functions
SignIn with OAuth ( Google )
SignIn with Credentials ( Email, Password )
SignUp with Name, Email, Password
Verify Email
Update Profile
Change Password
Forgot Password
Middleware to secure certain pages
Demo: https://next-auth-v4-devat.vercel.app/
🔥Join member to get source: / @devathtml
🔥Source code: https://www.buymeacoffee.com/qk1dkys/...
🔥Source code: / 85252289
🔥README.md File: https://github.com/devat-youtuber/nex...
📚 Join Membership:
/ @devathtml
📚 My Courses:
• Playlist
📚 VScode Extensions:
ES7+ React/Redux/React-Native snippets
Community Material Theme
Material Icon Theme
☕☕ Buy Me a Coffee . Thank You ! ☕☕
https://www.buymeacoffee.com/QK1DkYS
Paypal : https://paypal.me/tuananh251192
Vietcombank: 0061001044348 (LE TUAN ANH)
Momo : 0374481936
🌎 Find Me Here:
Mail: [email protected]
Github: https://github.com/devat-youtuber
Codepen: https://codepen.io/tuan-anh-the-decod...
🚀 Please! Subscribe, Like and Share. 🔥
🚀Thanks for watching video!🔥
🚀Have you good day!🔥
#code #reactjs #nextjs
00:00 - Demo
02:42 - Setup Nextjs
03:52 - Setup Libraries
04:27 - Config Next-Auth
10:02 - Header Component and Pages
17:28 - SignIn with Oauth ( Google ) without Database
25:06 - SignOut and Middleware Basic
31:46 - Setup MongoDB (mongoose)
38:07 - SignIn with Oauth ( Google ) with Database (mongoose)
47:41 - Profile Page
53:58 - Update User Profile
01:07:09 - Update and Re-Render User Profile
01:15:45 - Sign Up with Credentials
01:23:03 - Handle Errors
01:25:33 - Token + Send Email
01:37:41 - Verify Email to complete the registration
01:42:47 - SignIn with Credentials
01:52:03 - Change Password
02:03:40 - Forgot Passoword
02:09:34 - Reset Password
02:15:54 - Middleware protect routes based on role Admin
02:22:48 - Deploy Vercel
