NextJS fullstack course | Signup and login

[@antoniors]

Thanks for these videos, they're awesome. I have a remark for you and others to improve React apps: 1. Use of useEffect: useEffect is typically used for side effects like fetching data, subscribing to events, or interacting with the DOM outside of React's normal rendering cycle. In your scenario, checking whether a form button should be disabled based on form data doesn't need to be handled by useEffect because it doesn't produce side effects. It's a derived state that can be computed directly from the current state of the form data. 2. Avoid Unnecessary State: Creating a separate state variable (isDisabled) to track if the button should be disabled isn't necessary if it can be derived from the form data. Instead of using useState and useEffect, you can derive this directly within the render function. Thanks and have a great day everyone.

[@mehtaparam]

I just started yesterday and I am very grateful to watch them. till now I was ionic - angular developer but am now pretty confident to learn new tech in my basket. Thank you for great efforts i know what it takes to create this kind of tutorial video. Happy Learning and Big Thanks.

[@Joel2Million]

great stuff, I managed to get my own variant working thanks to this, it's very similar but I don't use routes, I use server actions. and I managed to avoid any "use client" files so far, not that they're bad to use, this is mostly for educational purposes so trying to test the limits of what I can do without client side javascript

[@osuolaleabdullahi9121]

I love how fast these videos are coming... It keeps my learning energy on track... Thanks Hitesh ❤

[@rammondal8147]

Thanks a lot for bringing the Next.js videos with Login / Signup mechanism.

[@whiskeyagogo_]

Great video, clear and well explained. Helped me understand tokens (which I've used on other projects but just was going through the motions...)

[@saskirakosyan5268]

grate tutoral. But what you think about this? For the login page, it's generally recommended to use server-side rendering (SSR) when it's a part of the application's route pages. Client-side rendering (CSR) may not be the best option for the login page.

[@guitadharsh2499]

Thankyou so much for this amazing course. This course is very easy for somebody have some expreinced in mern stack

[@omsaurangpate9837]

Thank you so much for Next Js series❤

[@nahidulfahim]

Really love this. It's super easy to understand and execute the code.

[@irfansaeedkhan7242]

i got internal error 500 in console of frontend but still data was added to mongodb

[@atvmoviedigest]

Finished the 1st video and now I don't need to wait for the second one 😻

[@mtyj20]

Great tutorial. Thanks very much, now I'm starting to understand this concept much better

[@explainyourself8788]

if anyone having a issue with [ OverwriteModelError ], put this mongoose.models = {}; to clear cache from mongoos. Just before you define the "User" model.

[@mohdimran5519]

thanks

[@PJlikePajamas]

This was sooo helpful! Thank you I have been trying to figure out the work around for way too long at this point

[@ScienceExamine]

You can solve it using error handling also Use this code -- let User: Model; try { // Try to get an existing model by the name 'User' User = mongoose.model('User'); } catch (e) { // If the model doesn't exist, define it User = mongoose.model('User', userSchema); }

[@ayushdedhia25]

Or you can also do something like: const User = mongoose.models.User || mongoose.model('User', userSchema);

[@syedmuhammadammad558]

Thanks

[@coffeewithjava5625]

Love your smile. Great work Hitesh. 😊

[@mitalimonga7996]

Thanks so much for this video. Could you also make a video of auth setup and connection with springboot as backend

[@AhmadHassan-hb3lb]

Bro Your extensions are just mind blowing... please tell us more about them specially the one which is giving the answer of console.log on editor

[@jayyap39]

@hitesh, thanks for your tutorial, can you share with us which suggestion extension you're using?

[@rijinjoel7668]

@@jayyap39 github copilot

[@devashishrai3458]

Console Ninja It is the extension for VSCode

[@SachinKumar16022001]

Thank You Hitesh Sir for all this content. Its really helpful.

[@himankshu]

31:55 thats why i dont use tailwind. I use module.css from Next JS. If I need to change the style then I will have to change it everywhere in the codebase while working with Tailwind. But with module.css, just change at one place and it is already affected everywhere. Maintaining a project is a huge task than creating it. I dont know about the future of Next JS if companies started choosing other languages other than JS/TS.

[@ozgunmunar]

Everything I was looking for. Thanks for the video.

[@jaydip99]

Hi Hitesh, Thanks for this course. You are a lifesaver. REQUEST: I am trying to limit the user login to 1 screen (i.e if user A is logged in from device 1 and tries to login from device 2, it should be logged out from device 1 -- like netflix). Any help would be appreciated. Thank you 🙏

[@dragnoedits6721]

sir please tell please error a rha hai end me jab login kar rha to router push nhi kar rha profile page me apne kaise thik kiya mera to nhi hua dobara start bhi kiya Failed to load resource: the server responded with a status of 400 (Bad Request) page.tsx:29 Login failed AxiosError

[@anandstephan6020]

code bhejna ek baar

[@VijayRengarajan-q9x]

If you don't mind, can you tell me how I can get code suggestions as shown in this video? Is there any extension I need to install to get code suggestions ?

[@Aditya-qx7nf]

i think there is one for github copilot and he used that, btw are you getting tokens ? In cookies section i am getting nothing

[@aditya_kanu]

Just finished the first video and thought maybe have to wait for a week or so but... Guess today's an allnighter for us.

[@HiteshCodeLab]

Same for tomorrow

[@bahabelomgebremedhn2318]

i love the exiting way of learning

[@noname-oo3xr]

Thank you for your tutorials. Is there a resaon for not using form onSubmit here ? I can t make any react hooks working in "use client" components in this next13 app router setup actually.

[@jayyap39]

@hitesh, thanks for your tutorial, can you share with us which suggestion extension you're using?

[@NitishJha-s6l]

no response from client side calling during signup. Data is getting stored in db. Reponse arrives when callinfg through postman. Im stuck for 2 hrs. Please rely if someone resolve it

[@yuvalbra]

great tutorial, i need to work with mysql what can i need to change? second q: if i need to create the forget password

[@amansarma417]

Which theme are you using it looks really nice. Please tell me

[@HiteshCodeLab]

Custom coded

[@prajwalgade8804]

48:00 minutes what u have in u r .env file what should we add u didn't told us what to add in our .env file?and how to do that?

[@dharmikshah7317]

your VSCode inline quick suggestion are too experts, how you done that?

[@GMERT]

Good day Mr. please I am having problem in creating the reset password. I did a page to first confirm the mail if it's on db then Next to reset password page. While on reset password I think I don't get how to call the PUT to update the password .. I am only getting error 404 and no message is sent to the mailtrap. pls help me out. God bless you.

[@VarunKumar-n1d]

sir when some topics come in between like API or in Creating models i can understand it would be difficult to teach every basics but if someone does not have a good understanding in certain topics like me then you should suggest your videos or you should link your videos from where we can clear our basics and then come back to this video

[@santoshsunda2638]

Yes

[@toTheMuh]

If you are not familiar with basic concepts like API or modelling then it might be too early for you to jump into frameworks like nextjs and that is totally fine. Take your time to master the basics before learning any framework

[@VarunKumar-n1d]

@@toTheMuh it's true

[@AlokYadav-ly4ps]

I am getting a problem of restarting the server everytime about I have to add a user after first time I always have to restart it. any help

[@io_inc]

also have the same issue

[@syedmuhammadammad558]

​@@io_inc yes I m facing same issue

[@tirthpatel8805]

Hey , amazing video . Could you please tell me the extension which gives such brilliant suggestions

[@mdalmamun9636]

on the same way I also facing problem on login to the application but my problem was not solved with server restart I was looking for the line creating problem and finally got problem to generating token. how I solved problem reinstall the jwt library and restart the server again.

[@devjariwala8576]

@hitesh can you tell me about this theme extention and those code suggetion extention

[@sumitsinha995]

bhaiya endpoint dikat de rha ,documentation pad rha .api ko pages folder mei rakne bol rahe. Dekhtha hu R&D karke..

[@muhammadusmanakram406]

why you are using use client on server side component?

[@musaddiqbabar2029]

sir hitesh whcih auto sugestion extension you are using please tell me

[@DeepakAashrmiya]

sir you didnt explained what is NextRequest whaever it is ti works with ts i suppose, and my brain is dead to understand how to do so with normal js .......

[@mahfuzrahman4370]

i can not solve the login problem. I using next 14.0.4

[@imanelaaraj375]

hello thanks for vidio please when I run my project the css not function

[@abusivedelhi]

getting redirected to profile page even after entering the wrong email and password on login page

[@codex8797]

Thanks man, really helped me with a personal project

[@VarunKumar-n1d]

the whole hour passed by like 5 minutes but i am having confusion in models and schema the code there written in last line

[@HiteshCodeLab]

I can understand, need to plan a series on backend in depth because this is not nextjs issue, this is backend understanding issue

[@nehapatil1828]

Thank You So much Sir for the great tutorial and content knowledge and I have learned a lot

[@rohangope]

"users validation failed: usernames: Please provide a username" I got this error . What might be wrong here? Please help.

[@abuhossain4274]

lovely lessons it come late or early ??

[@tech_channel110]

thank you thank you very much for all theses valueable video it deserve million views

[@theJokerrrrrr]

For anyone getting the error :- Failed to load resource: the server responded with a status of 500(Internal Server Error) page.jsx.39 Login Failed Request failed with status code 500 To solve this we shouldn't use 'await' before jwt.sign The Error occures here :- const token = await jwt.sign(tokenData,process.env.TOKEN_SECRET, {expiresIn: "1d"}); The 'await' shouldn't be there. Remove it and Bam, your error solved. Hope it helps someone :) Edit :- For anyone wondering why even this occurs. It occurs because jwt.sign() is a synchronous function, not an asynchronous one. So yup we shouldn't ever use 'await' with "jwt.sign"

[@tejender_kumar]

im encountring one problem , i have to restart server to create an new account each time otherwise im getting error OverwriteModelError: Cannot overwrite `User` model once compiled..someone please help

[@yogyyconst]

so, not using server action yet ?

[@sumitbhardwaz]

These Bombs are as powerful as nukes. Loving it❤

[@trying-code3726]

this is the best video on youtube ....

[@codeforlifehere]

how are you getting such a great suggestion while code, also great explanation

[@samcharo]

Git hub copilot, prettier.

[@RandomClips-bd]

How can i change the database name test to anyName??

[@sinnis_879]

🤚DOUBT: sir at time 45:10 you said the compare method from bcryptjs will handle it. but sir we also added salt value = 10 at signup route. then we should also tell to bcryptjs that salt is 10 otherwise how will it know and compare the value.🤔🤔

[@beratyilmaz7951]

it can see salt in token

[@herahadi]

adding the part number may be can easily for us to learn in a correct order

[@HiteshCodeLab]

It's there in thumbnail, Nice and Big

[@kushsharma862]

Again same as previous video , I learn some new things and get confused at other parts like what is happening. I think I'm facing problem in understanding the logics behind some functions

[@nikhileligar3318]

I m getting api not found api/users/signup

[@ankushladani496]

Ohhh 😮 Uploading videos very fast...

[@kiranjanagam6733]

When will you upload AWS videos. Waiting for AWS tutorial . If it will take time,Please share the best platform to learn AWS Thank you for your great videos

[@kartikrajput2131]

aws faq section

[@anthonymanley2143]

Great stuff. This is very helpful.

[@vinitborad]

Are you from Surat or Gujrat ?

[@WhitneyGrenaway]

Thank you, your videos have been very helpful.

[@KaustabRoy-w6v]

best tutorial ever !! Thanks

[@MayankSahu-n1t]

Thanks a lot sir i just love your content

[@rajanacharya6360]

Jumping toward NextJs with this video, but not been able to hit API routes made in API section. It's simply giving me 404.

[@rajanikantpattnaik8981]

same too

[@harisjabbar3280]

Is this video available in hindu, urdu

[@sriramvenkatesh]

Thank-you sir. Very very helpful..

[@AbhishekCodeLab]

@hitesh very nice video, please create nextAuth firebase authentication series

[@HiteshCodeLab]

Very soon

[@UzairAnsari-wx6lh]

Thank you so much I love the way you teach .

[@sayantanX]

Thank you hitesh sir!

[@ChoShingLeung-e9v]

Intro 0:00 Mongoose setup 1:35

[@CMShreyasGopnarayan]

Thank you so much for making such great videos

[@rovu7260]

Awesome! thank you!

[@online_sourcecode1613]

no doubt content is awesome, but apni urdu/hindi language ka maza hee kuch or he sir g, kindly hidni ya urdu mein videos banaain interest tab hee ata he like codewithharry, apnacollege etc

[@HiteshCodeLab]

Vo b krte h, hindi channel pe 🙂

[@UserAliyev]

please take a video about uploading file in register

[@surafelnegaalemayehu1080]

thank you bro for all effort investing on my skill

[@arunsuthar4783]

Just started learning next js and ur video 😂😂

[@maha33612]

Please anyone can help me with mongo db? I have followed along the video completely nothing is showing error the problem is that when I enter data on the sign up it shows in terminal that it has been successfully added to the mongo db, but does not shows up in mongo db, I have refresh also but at the account in browse collecttion iy does not show anything . please guide me !

[@_RishiYadav]

Same here bro... Have you resolved this problem. I am also facing this issue. On client side everything is working fine and signing up successfully and routing to login page. But data is not showing anywhere in the database. If you resolved this please help

[@maha33612]

@@_RishiYadav No bro, I didn't got the solution I asked someone he said there must be error in code, I don't know what's the issue I am not seeing any error I have leave it may be I am new to mongo db thats may be happening I am not getting it understanding properly.

[@videoaudio7669]

same issue. Don't know why

[@abduddaiyan5815]

Great lecture 🎉

[@mkmahi-k6x]

{"error":"Operation `users.findOne()` buffering timed out after 10000ms"}

[@theJokerrrrrr]

Little late but is should be 'User.findOne()'. Maybe this was causing the error?

[@debmalyaray1997]

sir I want to contact ineuron for courses. Your team didnot contact me.

[@swarnpallavbhaskar4424]

Can someone please help with naming database while configuring it?

[@bm9code]

40:00 I thought only im getting the error in console still how many are getting that error, what might be the reason and hoe to resolve

[@goudarapavankumar2477]

Hi, did it resolved ? can post the solution if its resolved please.

[@Ankitsarwal]

In a single day i have studying above 10 hour

[@jancarloscastanareszemelka8357]

good stuff man!

[@umersiddiqui4530]

beautifully explained

[@faisalmushtaq2287]

Crazy stuff!!! Thanks alot

[@HiteshCodeLab]

Glad you enjoyed it

[@kulpushpak]

Can someone share previous video link?

[@irfansaeedkhan7242]

playlist link ?

[@jyotishmangoswami616]

nice explained

[@jeetsorathiya]

Hitesh 🦁🔥❤

[@male3399]

Do this use nextAuth?

[@VISHNUKUMAR-xe7rd]

Nope... He is creating APIs for login and signup.

[@Ankitsarwal]

Almost i completed 3 project using react and next js

[@kartikrajput2131]

Just completed part 1 of this series

[@DevaMhatreAtBB]

*4: 00 AM* is just a common thing...!😌