Complete Authentication NextJS ExpressJS MongoDB PassportJS

preview_player
Показать описание
Complete Authentication NextJS ExpressJS MongoDB PassportJS

00:00:00 Introduction
00:06:15 Features
00:07:49 Backend Express JS Project Setup
00:13:00 Setup Postman for API Testing
00:13:33 Creating and Running Server
00:15:37 Config CORS
00:18:14 Config JSON
00:18:24 Config Cookie Parser
00:18:39 Connect Database
00:22:32 Config Passport js
00:23:54 User Model
00:26:57 User Controller
00:28:31 User Registration
00:35:23 Create and Load Routes
00:38:19 Register User using Postman
00:42:50 Email Config
00:43:39 Generate Gmail App Password
00:45:50 Setup Nodemailer to Send Email
00:47:00 Send Email Verification OTP via Email
00:51:24 EmailVerification Model
00:53:56 Send OTP Via email using Postman
00:55:45 Verify Email Controller
01:04:50 Verify Email using Postman
01:08:33 User Login Controller
01:12:15 Generate Access and Refresh Token
01:18:01 UserRefreshToken Model
01:23:44 Set Access and Refresh Token to Cookies
01:28:02 User Login using Postman
01:33:33 GetNewAccessToken Controller OR Refresh Token
01:35:58 Refresh Access Token
01:37:16 Verify Refresh Token
01:49:40 Get New Access Token using Postman
01:51:04 UserProfile Controller
01:52:50 Passport JWT Strategy
01:59:44 User Profile using Postman
02:04:24 SetAuthorizationHeader Middleware
02:05:43 Check Token Expired
02:10:00 AccessTokenAutoRefresh Middleware
02:23:48 UserLogout Controller
02:25:47 User Logout using Postman
02:26:45 ChangeUserPassword Controller
02:28:47 Change User Password using Postman
02:30:28 SendUserPasswordRestEmail Controller
02:34:00 Send User Password Rest Email using Postman
02:35:34 UserPasswordReset Controller
02:39:00 User Password Reset using Postman
02:43:39 Frontend Introduction and Requirements
02:46:32 Frontend NextJS Project Setup
02:51:10 Home Page UI
02:53:30 Navbar UI
02:57:11 LoadingIndicator UI
02:59:39 Register Page UI
03:02:19 AccountLayout
03:03:18 Handle Register Form using Formik
03:08:56 Register Form Validation using Yup
03:13:35 Showing Register Form Validation error
03:17:26 Login Page UI
03:19:41 Reset Password Link UI
03:22:32 Reset Password Confirm UI
03:26:50 Verify Email using OTP UI
03:29:52 User Profile UI
03:31:31 Redirect to Profile Page on Login
03:32:40 UserSidebar UI
03:33:24 UserLayout
03:34:46 Redirect to Home Page on Logout
03:35:36 Change Password UI
03:37:50 Setup and Config Redux Tookit and RTK Query
03:45:18 Create authApi Service
03:48:00 createUser API Call
04:12:16 verifyEmail API Call
04:21:00 loginUser API Call
04:27:36 getUser API Call
04:33:40 Conditional Render Navigation
04:38:08 logoutUser API Call
04:41:50 Protect Routes using Middleware
04:55:36 resetPasswordLink API Call
05:00:03 resetPassword API Call
05:04:33 changePassword API Call

Рекомендации по теме
Комментарии
Автор

last one week se youtube pr search kar raha hon likan koi achi video nahi mili, shukar hai ap ne upoload kar de,
Thanks 🥰

levelxgamingyt
Автор

Guys don't just watch, share this video also. He deserve more views. Valuable content

FM-rnti
Автор

Main ne like bhi kiya subscribe bhi, yaar ye video behtreen hogyi, really bohat axha kaam kiya raj sir ne.. mai appreciate krta hu aesy logon ko, aur kuch ghatiya log aese bhi hyn jo har chiz paid rakhtey fuck off paid courses ... raj sir ne un sb ko ye baat samjhayi hy ky agar ap paid rkhne se ap smjhtey ho ky koi buy krega project tou wo log bewaqoof hyn, , han kuxh bewaqoof log unka paid course buy bhi krtey magar 2 saal ky baad jab unka content old hojata hy tab koi fayeda nhi hota q ky log hamesha updated course hi maangtey hyn phr unka koi b content nhi dekhta tou kiya fayeda paid ka agr ap ny ik axha content create kiya hy jo kisi beginner ko grow krney mein help krskta hy ... tou yeh bohat achi baat hy aur phr har koi ap ka fan hojata hy aur ap ky likes subscriber shares bhi barh jaatey hyn phir ap wse bhi tou bnaa lety ho paise ... ab jaise raj sir ne ye acha kaam kiya hy ab ap dekhna ky inko log kitni izzat deingy aur inkey subcriber and like share bhi aur barh jayen gy ... really love you raj bro .. love from #Pakistan

Development_Tools
Автор

this is the best ever series of authentication of node js backend plz share and like this video to boost raj sir

SalmanKhan-mncn
Автор

3:23:00 aap nay bilkul sahi bola hai, agr folder structure sath mai open nahi ho to sab page.jsx mix ho jata, pta nahi chalta konsa page hai, pta nahi kese kese loug hai hahaha

johndavid
Автор

Backend frontend folder me hi likhna tha doosra folder banaye bina to maza aata

CodeNinja
Автор

Bohot bohot shukriya sir ji es video k liye

abhinav
Автор

Really really love this kind of content ❤❤❤❤❤

Development_Tools
Автор

Sir thank you so much for this. Please make a MERN Stack project series.

shahhussain
Автор

Ye complete ecommerce project bananey ky baad ap ky pas poora backend tou hoga hee phir ap ny is hee backend apiS se react native, react js, next js se ye poora project complete krwana taa ky hum react native se mobile app aur next aur react web ky liye ik complete web development course hojayega aur bht apprecite kiya jayega har jaga infact ap ky subscribers likes bhi bht barh jayegi aur fan following bhi bht barh jayegiii thanksyou bro god bless you ...

Development_Tools
Автор

Less views, less like but great content..

HariJoshi
Автор

Thankyou for this awesome video😊🎉 your all videos are really helpful 👍 can you plz make a videos on Flask and FastAPI

sonamporwal
Автор

great video brother thanks.

please, provide a instruction on handling cookies for server-side component requests. i can see when we do the fetch request from the server-side component the cookie doesn't get set to the browser. i have tried many documentation and forums but can't find any proper solution. In this way, we can't do server-side rendering when we rely on this way of auth implementation. So, it needs to be resolved. please help.

robiulhasan
Автор

Can you run this project on two different browser with same account, you will notice refresh token is missing

johndavid
Автор

Thank you very much for this tutorial 💚
If possible do its integration with Vuejs please.
Also make tutorial on Nestjs 🔥

iUmerFarooq
Автор

Waiting from long timefor Passport JS (Coz is ke tutorial nh! or jo hien bh wo bilkul ache nh..

malikmuhammadjahangir
Автор

1:53:00 Passport-jwt-strategy is not working always showing unauthorized

viraljain
Автор

Mai umeed krta hu raj sir ik complete ecommerce app bhi bnaa dein with complete all advance features ... like, become a seller, product comparison, role base user profile with image and user profile editing, authentication system just like this and email all order delivery data into p.d.f to user if he buys any product, payment methods like stripe, wallet, chat app to contact to admin, and user can download its data into pdf, admin can block user, seller for some days like weekly monthly or yearly and seller should paid to become a seller its mean paid account system, if seller weekly monthly or yearly time is over so the seller auto block, and reviews rating, advance sorting filtering search functionalities, and search by according to ratings please sir with some advance features ye kaam bhi krdijie however your video will be 40 hours i will complete watch it, isse humein aur bhi bht kuch seekhney ko milega ..

Development_Tools
Автор

4:05:34 coding bughair interest kay nahi seekhi jaa sakti, agar apka interest nahi hai to ap 5 minute ki video bhi nahi dekho gay, agar hai to aap 5 ghantay ki video bhi shok say dekho gay, so please always make in depth, thanks

johndavid
Автор

this is marvellous, but sir nest js per aik bootcamp launch kariye pls

SalmanKhan-mncn