Implement Next Auth Credentials and Google Login together with MongoDB | FullStack Web Development
🔐 Ready to level up your web development skills with Next.js 13? In this tutorial, you'll learn how to create a robust registration system, similar to Node.js, by defining and configuring routes and models in your Next.js 13 application.
🚀 We'll take it a step further by implementing user authentication using the powerful NextAuth Credentials Provider. Plus, we'll show you how to securely store user data in a MongoDB database for a seamless and secure login experience.
🔑 But that's not all! We'll also dive into the world of Google Login integration, ensuring that every user's data is uniquely stored in MongoDB, providing a personalized and secure login experience like never before.
🔒 Worried about security? We've got you covered! Learn how to implement private and public routes to protect sensitive information while allowing access to the right content.
🚀 Full project Github repo: https://github.com/aindrila22/next_us...
🚀 Starter Files: https://github.com/aindrila22/next_us...
⌛Timestamps⌛
00:00:00 - intro
00:06:27 - Configure mongoDB
00:12:07 - user model
00:14:44 - signup api
00:23:23 - signup form
00:35:15 - next auth credential provider
01:01:45 - signout next auth
01:04:28 - middleware.ts for private routes
01:10:39 - next auth google provider
📌Check Other tutorials of Solve It Out---------
📌How to build serverless TODO list 🤩 with NextJS 13.4 App Router, MongoDB, TailwindCSS, Typescript
• How to build serverless TODO list 🤩 with ...
📌Stripe subscription payment with react.js and node.js ( FRONTEND PART 1 )
• Stripe subscription payment with react.js ...
📌Stripe subscription payment with React.js and Node.js (BACKEND PART 2)
• Stripe subscription payment with React.js ...
📌Build an advanced multi-category filter using Nextjs, Typescript &Tailwindcss | Recommendation site
• Build an advanced multi-category filter us...
📌Stripe payment gateway with ReactJS and Node.js | Mini Full stack Ecommerce Project
• Stripe payment gateway with ReactJS and No...
📌How to Build a FAQ page or Accordion with Next.JS, Typescript, React Hooks & Props, Tailwind CSS
• How to Build a FAQ page or Accordion with ...
#nextauthjs #nextjs #nextjs13 #nextjstutorial #googleauth #authentication #tailwindcss #typescript #mongodb