Next.js 13 Authentication tutorial || Custom Email Password with NextAuth.js & MongoDB in Hindi
Автор: Learn coding with bhai
Загружено: 2023-09-16
Просмотров: 772
Описание:
Next.js 13 Authentication tutorial || Custom Email Password with NextAuth.js & MongoDB in Hindi
"In this video, we will guide you through the process of implementing custom email and password authentication in a Next.js 13 application using NextAuth.js and MongoDB.
You will learn how to use the credentials provider feature within NextAuth.js, allowing users to log in using their username/email and password credentials. MongoDB will be our chosen database for storing user details, ensuring a robust authentication system.
By the end of this comprehensive tutorial, you'll have a solid understanding of how to integrate authentication into your Next.js 13 app, specifically for email/password authentication, leveraging the power of NextAuth.js and MongoDB. Additionally, we'll be using Tailwind CSS for designing the user interface, making your application both secure and visually appealing."
Join to my whatsapp channel :- https://whatsapp.com/channel/0029VaAL...
Join this channel to get access to perks:
/ @azadmalikrohit
Next.js 13
Authentication
NextAuth.js
MongoDB
Custom Email/Password
Credentials Provider
User Login
User Authentication
User Database
Tailwind CSS
UI Design
Web Development
Security
Tutorial
JavaScript
Frontend Development
Backend Development
Web Application
User Authentication Flow
Next.js Application
hindi tutorial
Application URL :- https://nexjs13-auth.vercel.app/
GitHub Source Code URL : https://github.com/rohitazad/next-auth
NextAuth.js URL : https://next-auth.js.org/
mongodb :- https://www.mongodb.com/
tailwindcss :- https://tailwindcss.com/
Join this channel to get access to perks:
/ @azadmalikrohit
00:00:00 Introduction
00:00:20 Project Start
00:01:58 Create New Project with CLI
00:02:58 Project Folder Information
00:06:37 Start Coding
00:14:45 Login UI Create with Tailwind Css
00:25:12 Registration UI Create with Tailwind Css
00:44:14 Start the API Creating
00:46:25 Environment File Configuration
00:47:20 MongoDB Information
00:48:06 Create MongoDB Atlas Project
00:50:10 Add MongoDB URL to .env File
00:52:54 MongoDB schema and connection
01:03:13 Create POST User Register API
01:11:45 User Register API implement on Register Components
01:15:03 Test Register API with UI
01:17:28 Create POST API for User check Exits or not
01:20:59 User Exits Register API implement on Register Components
01:26:23 Test User Exits API with UI
01:27:37 Create loader for api Calling
01:33:49 Start the Next Auth Code
01:45:10 Provider Create and Wrap to Layout
01:48:57 Test you api with Next Auth code with UI
01:51:58 Test you app
01:58:20 Debugging the app code
02:05:45 Protect you route url
02:11:57 code commit to Github
02:13:11 Deploy your app in vercel
02:15:13 Successfully deploy your app in vercel
02:20:43 your Home work
Visit html css javascript tutorial in hindi with accessibility in - 2023 Playlist :- • html css javascript tutorial in hindi with...
Visit tailwind css tutorial for beginners in Hindi By :- Rohit Azad Malik :- • Tailwind css Tutorial playlist in Hindi By...
Visit javascript tutorial in hindi - 2023 Playlist :- • learn javascript programming for beginners...
Visit The Complete ReactJs Course - Basics to Advanced playlist :- • react js tutorial playlist in hindi || Th...
Visit React Hook Form Tutorial in Hindi :- • React Hook Form Tutorial in Hindi - Comple...
Visit Next.js Tutorials for Beginners to Advanced level 2023 in Hindi Playlist :- • Next.js Tutorials for Beginners to Advance...
You're welcome! We're glad you enjoyed the video. Your support and engagement are important to us and help us create more great content for you. Remember to like, subscribe, share, and support our channel to stay updated on new and exciting content.
Thank you for the support! We appreciate your engagement and it helps us continue to create valuable content for you. Please follow us on social media for updates and new content.
Whatsapp channel :- https://whatsapp.com/channel/0029VaAL...
Twitter: / rohitazad
Facebook: / rohitazadmalik
Stackoverflow: https://stackoverflow.com/users/13654...
LinkedIn: / rohitazad
Github: https://github.com/rohitazad
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: