How to use Next-Auth in Next.js 14 | Login Credentials | Github | Register with MongoDB
How to use Next-Auth in Next.js 14 | Login Credentials | Github | Register with MongoDB #reactjs
Tutorial link :https://mmantratech.com/next-js-auth-...
In this video, you'll geta detailed, step-by-step explanation on Next-Auth
Implementation explaining login and Register process using mongodb database
Below questions are addressed in this video
1- What is next-auth
2- How to structuring next-auth folder in next js app
3- What are providers and how to use github login provider
4- What is credentials and how to use customer credentials
5- How to create login and register page.
6- How to use backend as mongodb database,
7- How to create Next js api routes
Tutorial link :https://mmantratech.com/next-js-auth-...
Github link :
https://github.com/TechMalasi/next-au...
for best laptops:
https://mdeals.mmantratech.com/blog/b...
Hostinger Hosting Plan:
https://hostinger.in?REFERRALCODE=1BRIJESH70
00:08 Next-Auth Introduction
00:00 project setup
00:03 Next-Auth Setup
00:05 Next Auth Providers
00:09 Mongodb Models and Schema setup
16:00 .env.local file
00:16 Mongodb Atlas setup online
00:21 Next-Auth SessionProvider and wrap in App Layout
00:24:30 Register and Login Pages Setup
00:32:05 Retrieve register form data
00:34:01 Register API Route started
00:46:48 Home Page / NavBar Started
00:51:23 : Login page starts
00:55:50 : Next-Auth Login : custom and github starts
01:00:00 : Next-Auth Explanation starts
01:04:35 : Sign in / Login starts
01:25:00 : Github Login
#nextjs13,
#nextjs14,
#NextAuth ,
#Authentication ,
#WebSecurity,
#NextAuthStructure ,
#FolderOrganization ,
#NextJSApp,
#AuthProvider ,
#NextAuthTutorial,
#Credentials ,
#CustomCredentials ,
#SecureLogin,
#LoginRegisterPage ,
#NextAuthPages ,
#UserAuthentication,
#MongoDBBackend ,
#NextJSDatabase ,
#DataStorage,
#APIRoutes ,
#NextJSTutorial ,
#RESTfulAPIs,