Next.js 13 Authentication: Custom Email/Password with NextAuth.js & MongoDB

[@joshjakkrit6085]

37:00 You don't have to create extra api route (userExists). All you have to do is set email unique: true in the schema. And update the same api route (register). const existingUser = await User.findOne({ email }); if (existingUser) { return NextResponse.json( { message: "Email already in use." }, { status: 409 } // conflict status ); } The form will display the message if you have this when (res.ok) = false const data = await res.json(); setError(data.message)

[@BadrudeenAbdul-hameed]

This is reeeeally awesome and on point for my use case. I have been battling with authentication for 2 days now, and your video just saved a life. I can't thank you enough.

[@vernevens1598]

Only 2 days?

[@aloukikjoshi]

Can you help me too?

[@tomasburian6550]

This works great with JS, but in the professional world we use TypeScript so we could use the tutorial that also includes types, Next Auth is quite difficult to type so maybe make a video in the future to include that.

[@MisbahuA]

This is one of the best tutorials seen on Nextjs, mongoose and nextauth. Thank you good Sir, really appreciate your effort. Keep it up

[@chiderathankgodobed4496]

fantastic piece on nextauth using app router, I have been having issues integrating next-auth, but your video has made lide easy , Thanks GT coding

[@manzurajshahi]

I really needed this simple login using NextApp. Thank you for this beautiful tutorial. I request to you. Please add "Forget password" feature for this tutorial.😊

[@HimanshuKumar-rn1cn]

this was the perfect video for my use case, I wanted to have a custom login and register form without using any google or github provider. Other videos have complex providers and if they implement only credentials, they didnt use database. This video was very helpful thanks

[@alokjoshi334]

Thanks a lot for the NextJS 13 videos and end to end projects with database functionality, very much appreciated! very simple and straightforward explanations. Keep up the good work.

[@GTCoding]

Thank you :)

[@JanBuilds]

Thanks for the tutorial using javascript, not typescript! I have been looking for this for quite a while! :) 🙏🤓

[@terry_swd]

Awesome tutorial! I would also add a little success message when user registration is successful in addition to clearing the form. Also it would be nice to reset any previous error state after a successful registration.

[@Salah-YT]

Thank you immensely! Your video provided the best tutorial I've ever come across. Your effort is highly appreciated. Wishing you a life filled with greatness. Thanks again!

[@sagarvavadiya-gm2qd]

best explained next authentication concept; easy to understand

[@onigbindedavid6630]

This is ur second video i am watching, i love how u rlteach n create simple user interface

[@patlagoon]

Thanks for this tutorial, it's really clear. I was struggling to understand authentication and this helped me tremendously. Could you do a follow up on this topic with "email validation" after registering and "forgot your email?" functionalities ?

[@Dekorozi]

Thank you for great Next JS videos. I watched your last NextJs videos. We learnt making contact page, crud and auth. Now I am waiting for a full project video like a blog website with mongodb :)

[@hakanaki]

Thank you for this tutorial. Every other KZbinr is just doing login with Google SMH

[@thefuturefounder]

Bro God bless u I've been battling with this since since yesterday

[@chiderathankgodobed4496]

This is has to be the best tutorial i have seen in nextjs auth, thanks so much @GtCoding

[@unu_levi]

love this content from Korea bro! love it

[@parspy694]

this is one of the best tutorial i've ever seen kudos to you sir

[@sravankumar8763]

Very good video, want to spend time and have my custom auth . you saved me a lot of lot of time

[@Sam-hh3ry]

why is this the only tutorial on this that seems to use normal code and not just a ton of 3rd party libraries to make it confusing

[@toltec1983]

best tutorial on the subject on yt.

[@joakuvideo]

Impressive! I changed it a little bit for using prisma. :) thanks!

[@fortuneoguibe5013]

This is gold!

[@nxtalex10]

hey thank you. you seemed like one of those random indian channels but you cantually have good content!

[@uzmanalband9498]

I am trying to deploy this app to vercel, deployment is successful but unable to login

[@kbchannel83]

Thank You for this video, it's really helpful.

[@amirhosseinqafari9747]

Great, thanks for this solid tutorial.

[@ezequieloliveira222]

Muito bom bem explicado e simples, so achei esse e JS e não em Typscript

[@kelechidaniel2281]

I'm a beginner wonder the day I will be this good😔

[@Mohamedkarms]

thanks a lot you are the besty one that explane this next auth thanks broo keep going 😃😁

[@SimarMannSingh]

I stumbled upon this video. I wish to provide a constructive feedback. I don't agree with using useState() hook at all for the login/register form. Everytime the value changes, it will cause a re-render of the component. This is a very inefficient way actually. Maybe you can also make another video highlighting this and improving on it. A better approach would imho be, to use the FormData(), populating it, instead of useState(). Many fellow developers have also pointed this out multiple times. Perhaps you can make a new version of this video?

[@kevinthomas2406]

very helpful ..Thank you

[@Mascode]

You're the GOAT !!

[@issa.garcia]

Nice content! So helpful, i really appreciate...Thanksss!

[@codemelon2698]

this video is awesome keep up the amazing work

[@Binod-km1xm]

Really Amazing Teaching❤❤

[@byronloarte]

Great video and more content about Next.JS please my dear friend 🙏

[@GTCoding]

Sure 👍

[@leomeynard7671]

Thank you, you explain it well.

[@mrrafay2530]

Good tutorial kindly also add role base authentication in this project

[@leonardohurovich3381]

Great video! Love it! Thank you sir

[@afzaalahmedtai8211]

Thanks for amazing video but I didn't understand that why did you make another API to check user exist or not. Can we check while register user in register API?

[@PauloRdeOFerraz]

Impressed with the quality, congratulations! A question regarding next-auth. Would it be possible to use the same database with registered users to create a login for another React Native application, for instance?

[@zee_designs]

Straightforward approach 🦾

[@piotrrodzen772]

great tutorial. Perhaps you could also add password system with JWT as I feel its much more secure in general

[@judevector]

Jwt is not for password,bcrypt is . Jwt is for cookies , sessions and I think next-auth comes automatically with it , you can see he use jwt in that credentials there ,am thinking maybe that's how it's been used in NextJS unlike Nodejs

[@adelinaakylbekova308]

Thank you for this tutorial

[@tempuser9560]

Awesome explanation about Next JS 13 Authentication. Thanks a lot. Can you please make one video with mysql server instead of mongoose. and with image upload functionality. Thanks a lot in advance!

[@raduscortescu6512]

Thanks, man! Simple great tutorial!

[@沈天鱼]

Could you make a tutorial about how to use the jwt and cookie to store the user's login condition with nextjs and next-auth? Thank you very much

[@piodgamer4084]

Thanks bro It's very good peace and love ^.^

[@maplecountrywalk]

Thank you!

[@nguyenlehuuduy6272]

Thank you immensely!

[@joshbakit]

I try to deploy to vercel with the correct steps but same error like SyntaxError: Unexpected token 'A', "An error o"... is not valid JSON and nextAuth Secret

[@despo224]

Why did you create a route to verify the user existing or not ? In the register route you are grabbing the user data sent by the client so why not just validate using the findOne({email:user.email}) and wrap that in a conditional in the try catch block and go from there.... Just want to hear your rationale because i know all developers think different.

[@itksports]

Nice work.. how about change and forget password

[@wolfie8748]

I have (root) directory which I have daahboard etc can I forbid that so people will redirect to login or register if they are not authenticated in root layout

[@karthikr5884]

Thank you ❤

[@ManiSingh-gr7zi]

Thank you.

[@rogertan2153]

i love mongodb all my homies love mongodb

[@FRESHGAMENEWS]

I got an error in components/UserInfo.jsx (8:38) @ useSession Error: [next-auth]: `useSession` must be wrapped in a How can i fix that? Is error because of using app directory?

[@GTCoding]

Make sure to wrap the content of the layout file with the SessionProvider. Here is the timestamp: kzbin.info/www/bejne/hnawl6anj5dgd9Ufeature=shared&t=2851

[@FRESHGAMENEWS]

I looked for the error for 3 days and googled and could not find the solution. Now everything works! Thank you so much! @@GTCoding

[@maskman4821]

Great tutorial ❤

[@Muhammadabubakar-k8t]

sir the middleware logout button will not work its refresh and have on the same page dashbord page

[@Hasoon-ry8pu]

Thanks for this video. Will you make a complete blog that brings together all the concepts?

[@GTCoding]

Sure.

[@A03L]

I just subscribed :) Great content, easy and simple explanation I have a question tho, how do I hide that callback query in the url, its really annoying ... thanks

[@codigo6273]

Thanks a lot for this video📌

[@darshanathamara8546]

Thank You Very Much can you do video for file upload API ? and Role-based routing?

[@Nanashi-rq7lk]

Thanks tutorial. your viedo is good.

[@sarbeswarsahoo8579]

Thanks a lot for the video

[@wayvroom]

Awesome tutorial my brother keep it up ❤

[@taukiralam414]

Man you are the best ..

[@srkz]

Error: [next-auth]: `useSession` must be wrapped in a

[@varshigupta7399]

i too got the same error but not able to resolve. please help me how to fix this issue.

[@arshah246]

thanks alot great work. but i think its time for server action

[@vsandhudeveloper3282]

Can you please start an ecommerce series which include all concepts with mongo

[@testing-jr8tz]

thanks man

[@TheDionysiac]

Overall awesome video. But I'm a bit confused as to why we don't sign in the user after they register? At least I can't see anywhere in the source code where this happens.

[@Tids_]

it's normal practice to do it that way

[@raduscortescu6512]

Normally, you have to validate the user by email confirmation, then you have to use the credentials to log in. That's the most secure way. You can have hackers attack your website and database if you can register and login automatically.

[@deepaknegi3940]

Can you please a video on how to use NextAuth and Next-intl together.

[@mijeongwon2355]

Thanks a lot!

[@Ruben-sc7dj]

Thank you!:)

[@heisenbergcodm7380]

Hi Sir can you make the video on how to store the image from next js to mongodb and retreive the image from mongodb and display the image on frontend

[@warriorking778]

! important How to implement role based redirect. eg. for user has "/user" and for admin has "/admin". When I signin successfully then it will automatically redirect.

Thank you soo much

[@MarcosFelipe-up9lc]

Thanks bro!!

[@hamzapaskingakhtar]

@1:02 When I add the imports in the login I get this error, TypeError: Cannot read properties of undefined (reading 'User') which is related to the models I don't understand what's the relation as it has nothing to do with the schema model in the login

[@kiranmungekar8918]

Hi Hamza, I am also facing same issue... did you find any solution on that?

[@surindersingh7799]

great video :)

[@michaelseaman7020]

Hello and thank you for your video! i have one issue. I cloned the code from the repo and it works fine, except in the userInfo component, it only displays the email. I could not get it to display any other properties. Thank you so much

[@yellowsmurfz]

Thank you for this helpful video, will you make a follow up tutorial for adding tokens in your requests to the api and logging out the user if the token expires?

[@GTCoding]

Ok, I'll try.

[@praiseoshilim1006]

@@GTCoding handling refresh tokens too please?

[@prashlovessamosa]

Hello your sir can you please teach us some advance topics of NextJs.

[@MabelEkemezie]

Pls I have I need your help after following up your work and I have deployed mine but I just saw myself in the home page Not even the sign in and login page what's wrong pls? I used netlify

[@basitbaig]

Hi, I need little help regarding session object null, i have follow this awesome tutorial and create a simple app, but after login the session always return NULL object at client but it shows object values at server console. Please help I am frustrated because it is about 3 days and I am stuck.... Thank you

[@razonspielt1851]

So i have a question, if I would make the same as you. Can I host it on a webhoster like hostinger in a shared hosting? Or do I need a vps? I ask this because this is my first next js project with auth js.

[@yukiritosurada8392]

please make an infinitely nested comments using nextjs and mongodb 🙏🙏

[@hills6940]

I guess the user's session should expire at some point due to inactivity. How can that be implemented?

[@theDStaten]

i already have NextAuth configured for Google OAuth flow. Will the email & password setup from this video work with another OAuth provider being set up?

[@ProgrammerArif]

Great!

[@hamzapaskingakhtar]

Seems like its working for everyone but not for me. It is saying that my uri to connect to mongoDB should be a string and is getting undefined. Very strange.

[@hamzapaskingakhtar]

used .env.local instead

[@redbeardjunior]

I have one bug if I create a email & it exist, you will get the error it already exits if you create a second email after that it will not disappear but it wil create the email.

[@altifyx_]

i want to place it in a other folder for example in a admin folder, so the login one directly in admin, but then register in a a register folder inside admin so it would look like admin/register. But then it doesn't work, what am i doing wrong 😅

[@abdullahkayhanlar3167]

Thanks for project, how to create a forgot password page?

[@patrickjreid]

Great video. is there a way to do this server side?