I want to congratulate you for the project, it's incredible, what I can't understand is that you deleted the "users" collection and then ran and recreated it, in what part of the project do you create that automatic collection without entering Atlas and creating it, it should be clarified that I am doing the whole project without knowing React Mongo tailwind, He is a good instructor as he explains, sorry my English is not perfect, a cordial greeting and like to the video,
I think the schema automatically creates the collection, if you noticed he had created the collection before the schema and when he ran the code it created another collection @@yamilgallardoyunes8217
If you have the same problem with the import at minute 1:46:00, then I figured out what the problem is. Since you create a route.ts file, the compiler creates a new tsconfig.json file in which you need to add "paths": { "@/*": ["./src/*"] } just like in jsconfig.json. This solved the problem for me
500 status codes are server errors maybe you made a mistake in your code somewhere while creating user ,it's not possible to know without seeing the code and exact error,although I would recommend not to make any nextjs project more than 3 months old as next js is a very rapidly changing framework the things that are working in video might not work for you ,instead make new projects dawid dropped
Impressive skills and an even more generous spirit to share that knowledge with others. Thank you very much, Dawid. You serve as an inspiration to developers.
You can use class-validators during the auth POST to validate the request.body. This would also decouple more logic from the Repository/Database layer, which also follows better Clean Architecture paradigms.
Let me save somebody some minutes, if for any reason you might be having problems with an error with the error code: ERR_REQUIRE_ESM, at around 1:45:00 - 1:50:00, something about a file in node module requiring to change from "require' to "import" declaration, just delete the node modules, and reinstall them using npm instead of yarn... and use npm henceforth
Super awesome project Could you please add the delivery pickup option, select date time. Time from 11 to 11, From first time 30 mins gap etc all checkout system for order system
Bro, can you give me a certificate? 😂😂 I just don't need to go to bootcamp and enroll. Your tutorial was easy to follow. I've watched your tutorial from the beginning to the end. This is the most prolonged tutorial I've ever watched. I'm so fckng tired...HAHAHA 😅😅😅😂
@@ranjitprajapati951 start with HTML -> CSS -> build projects -> Start with JS -> build projects using HTMLCSS JS -> Learn ReactJS -> give much time to react(build projects) -> start backend (MERN stack) and build projects -> Then NEXTJS (build projects)
They’re supposed to be anchor tags that link to different sections on the page… link tags are self closing tags that’s link to external files such as css.
It would have been good if you had started with the tools you used and their installation, in other words, explained what is necessary to begin the project. Thanks for the contribution.
Thanks Dawid for the tutorial,small question though - any reason you chose not to use form validation library like Zod ? since i thought i was more easier to use a standardised library like that, rather than creating your own form validation logic from scratch. Also for anyone else following this tutorial i suggest you install Studio 3t to interact with mongo db since its much faster than doing it through the browser. At 1:46:00, since he restarted the complier, a tsconfig.json was created since he made a TS file. just copy paste the path in jsconfig.json into tsconfig.json and it should work. No idea why something like this breaks the whole compiler :D
Bro please will you make another video on the same project where the admin can specify the quantity of the food items in such a way that when order is placed for that item by the user the quantity in the admin section reduces to zero also when the quantity becomes zero in the item section it shows sold out
The structure of your layout should be as follow… 1. Header tag (navigation / mobile navigation ), 2. Main tag (hero, main context), 3 footer tag (footer informational navigation). I hope this helps 😊
when you click on register then in network fetch/xhr in pc show register status 500 type fetch initiator error 😐 please tell me what is the reason ??1:40:47
Excellent course! congratulations on the project. Could you help me solve a problem I have, when I log in with email and password it directs me to the start (home) but in the useSession it appears that it is unauthenticated, I tried logging in with Google and it authenticated without any problem. What will be the problem? :(
Hello Dawid, I'm a beginner and feeling quite stuck. I was working on a MERN project and was excited to start a Next.js project next. However, after you signed into the AWS console, I'm not sure what my next steps should be. Unfortunately, I don't have a credit card or the financial means to get one, so I'm unsure where else I can store my work for free. Thank you for teaching me so much.
Nice project. Thank you for sharing great works like this. Seeing the great use of Typescript lately, can I ask why your projects aint built with Typescript?
At 2:03:40 when I click on the register button, it successfully adds the user to the database, with a network response of 200 instead of 500, even though there is already a user with the same email id in the database. What am I doing wrong?
Hey I'm getting an 403 error while trying to display the user image from s3..i have configured the next.config properly and also getting the correct link..but it still shows an error
Im trying to follow the step but I'm stuck fetching the image profile after uploding the file, and seting for the image the browser still cancel the image,, but does't throw any error, the only thing i can see is in the network tab, after uploading cancel the image, I already configure cors for AWS s3 bucket to allow all, and in next.js the same, but still cancel the image and didn't set the image for the user, did u know any problem related to aws s3 with next js?
At 2:20 timestamp you add signIn('credentials') and signIn was get imported automatically from somewhere but don't know from where so can you please tell me from where it was get imported.
Hello Dawid, i get a question, when i try to sign in with the credentials in your app deploy and mine have the same error, i cant login, but if I try with providers that works, however i try to look for any solution but I didn't find anything, while I debug i found that SignIn didn't work correctly and don't return the session
I think I have the same problem, when I log in with the credentials, in useSession it returns unauthenticated, but when I log in with Google it returns authenticated
PLEASE HELP ME!!! I am continuously getting status as "unauthenticated" after logging in using my credentials and this is the object I am getting when i am console logging the session object ....{data: null, status: 'unauthenticated', update: ƒ}
Hi David! I'm still a beginner in Nextjs and I'm wondering why did you only use route handlers in this tutorial instead of mixing it with server actions?
Thanks for the tutorial! Can you please explain how you setup app/api/upload? Maybe I missed it but it looks like you setup an S3 bucket to host all of your images? How do you configure that ?
same question even when was fixing the error with google button he didnt try logging in with normal login..... if you get any confirmation to when he fixes it please
Thanks for the great course. It's quite encouraging to use Nextjs to build a commercial website. Had a question on Google login. When you show the Mongo db collection, your gmail was registered but I couldn't locate where in the codebase actually save the Google account. When using the Google login, how is the google account saved?
Awesome course dawid ,i am watching but there is something wrong with mogodb adapter when i use it i cannot login with credentials ,if i remove it i dont have sesions and google users in database ,why is it blocking login with credentials how to solve this?
Please can someone help. I am stuck at 2hrs42 trying to add the adapters... once I have done all of this, I cannot sign in properly and when trying to sign in with google, nothing happens. Any pointers would be greatly appreciated. The adapter documentation is for typescript. I have tried Dawid's source code and still nothing.
Check out my premium courses: codingwithdawid.com/premium-courses
I want to congratulate you for the project, it's incredible, what I can't understand is that you deleted the "users" collection and then ran and recreated it, in what part of the project do you create that automatic collection without entering Atlas and creating it, it should be clarified that I am doing the whole project without knowing React Mongo tailwind, He is a good instructor as he explains, sorry my English is not perfect, a cordial greeting and like to the video,
I think the schema automatically creates the collection, if you noticed he had created the collection before the schema and when he ran the code it created another collection @@yamilgallardoyunes8217
trying to implement search component and function for users getting alot of errors.. so far really appreciate the tutorial though..
There is a problem in login with credentials
Which app coding
If you have the same problem with the import at minute 1:46:00, then I figured out what the problem is. Since you create a route.ts file, the compiler creates a new tsconfig.json file in which you need to add "paths": {
"@/*": ["./src/*"]
} just like in jsconfig.json. This solved the problem for me
Thanks mate, it indeed worked for me as well.
My problem is not solved with this 😭😭😭😭😭😭😭😭😭😭
Thank you VERYY MUCH buddy❤❤❤
I got a job because of this project thankyou man ❤ ,dont get discouraged by views on other videos this stuff is awesome keep going
thats amazing 😀, ive been stuck for a few days around 1:40:45. I still keep getting status 500 (Internal Server Error)
500 status codes are server errors maybe you made a mistake in your code somewhere while creating user ,it's not possible to know without seeing the code and exact error,although I would recommend not to make any nextjs project more than 3 months old as next js is a very rapidly changing framework the things that are working in video might not work for you ,instead make new projects dawid dropped
Could you DM me? I'd love to feature your success as a testimonial. 😊 codingwithdawid[at]gmail[dot]com
Exactly what I was looking for a weekend. Thank you very much
glad you like it. How did it go?
The best thing about your projects is that they are applicable to real life.
You are so amazing by sharing source-code, you gained a subscriber!
I really appreciate that this is in next 14 and the fact that you're giving it out for free, you're amazing sire ❤.
11:34 hrs of code, thank you so much Dawid! Take care :D
11 hrs of Hands-on tutorial. Great for doing a follow-up. Cheers professor!!
If u get an error in 1:29:21 (different from him), in route.js, substitute default for async. It will run perfectly.
Love your dedication man! You're the best! We will always support you
Great!! i will follow the entire video and will make my own website like this.. Really awesome work
I am not able to see menu page....what have to do
Thank you, Dawid! I successfully followed your instructions and customized the project according to my needs. I appreciate your help, my friend! 😊
Is this app working without issue
I am not able to see menu page....what have to do
@@snehadevare6296 did you resolve the issue of login with normal email and password if so please tell how do fix it.
Bro can you tell how did you fix the issue regarding the normal login using email and password
@@fifachampion1064your error resolved?
Classic indeed, what a man you are, thanks bro for your time, generosity n commitment.
hey man. im new to web developing and stack methods. can you guide me through?
This is an amazing full stack project ❣️Looking forward to a full-stack grocery web application as well ! 🙌
Just finished this video, Thanks a lot. It was a pleasant journey.
IS THIS FOR NEXTJS14?
I'm very thankful for that great work you've done. Blessings to you!!
Impressive skills and an even more generous spirit to share that knowledge with others. Thank you very much, Dawid. You serve as an inspiration to developers.
YOU ARE MY HERO SECTION
You can use class-validators during the auth POST to validate the request.body.
This would also decouple more logic from the Repository/Database layer, which also follows better Clean Architecture paradigms.
Your channel tutorial is very easy to follow
Let me save somebody some minutes, if for any reason you might be having problems with an error with the error code: ERR_REQUIRE_ESM, at around 1:45:00 - 1:50:00, something about a file in node module requiring to change from "require' to "import" declaration, just delete the node modules, and reinstall them using npm instead of yarn... and use npm henceforth
@CodingWithDawid Great job! I like the look and style of your layout and all the pages. Good eye bro
Chad Dawid was just casually blessed us another mavelous work :]
Thanks a lot. This is a great project exercise for beginners.
* It would be very in handy if your editor show the current open tab.
is this project okay for frontend ?
@@yousefsaeed732yes. But only frontend mostly demands more features that are attractive too. So you will need to work on that
Thanks for sharing this, I just found your channel and i have to say thank you
cool content keep it up
..its gona be fun byuilding this with you....and i must build it..keep up the goood work
It's amazing. I like your coding style and it's easy to follow you. Thanks a lot!
you started this project?
thanks i was tryna build an ecommerce site, i will be using this as reference
Thank you so much for your content. You're a true gem.
Thanks for posting valuable videos!
Amazing sir plzz keep making such amazing next js project love u 😍
Nice video! Thanks for sharing and continue your awesome work.
Super awesome project
Could you please add the delivery pickup option, select date time. Time from 11 to 11,
From first time 30 mins gap etc all checkout system for order system
Just WOW and thank you Mr. Dawid ❤❤
This projecyt is very good. I do liked it. Thanks))
Bro, can you give me a certificate? 😂😂 I just don't need to go to bootcamp and enroll. Your tutorial was easy to follow. I've watched your tutorial from the beginning to the end. This is the most prolonged tutorial I've ever watched. I'm so fckng tired...HAHAHA 😅😅😅😂
Thanks a lot bro, excellent content!
Wow the effort....thank you for this...💯👏🙌
So beautiful it is ❤🎉
Thank you Sir ❤
Thanks 😌
Hi bhai how r you? Mai apke caste se judata hu abhi mai apse kuch sawal ok puchana chahata hu kya aap humko uska jawab de skte hai kya please
Kya aap bhi web dev ho kya agar esse related koi kam krte ho toh humko bhi es field me aana kripya eska humko roadmap btao
@@ranjitprajapati951 start with HTML -> CSS -> build projects -> Start with JS -> build projects using HTMLCSS JS -> Learn ReactJS -> give much time to react(build projects) -> start backend (MERN stack) and build projects -> Then NEXTJS (build projects)
They’re supposed to be anchor tags that link to different sections on the page… link tags are self closing tags that’s link to external files such as css.
it might be Link from next/link
It would have been good if you had started with the tools you used and their installation, in other words, explained what is necessary to begin the project. Thanks for the contribution.
Nice tutorial Very Helpful
complete project, awesome work man
Thanks Dawid for the tutorial,small question though - any reason you chose not to use form validation library like Zod ? since i thought i was more easier to use a standardised library like that, rather than creating your own form validation logic from scratch.
Also for anyone else following this tutorial i suggest you install Studio 3t to interact with mongo db since its much faster than doing it through the browser.
At 1:46:00, since he restarted the complier, a tsconfig.json was created since he made a TS file. just copy paste the path in jsconfig.json into tsconfig.json and it should work. No idea why something like this breaks the whole compiler :D
This is really good content but for freshers Everyone should try to understand the concept and the logic how the functions runs! So its really good!
Always top tier content
Bro please will you make another video on the same project where the admin can specify the quantity of the food items in such a way that when order is placed for that item by the user the quantity in the admin section reduces to zero also when the quantity becomes zero in the item section it shows sold out
Finished:
28:35
Great stuff man❤
Thanks!
The best course in the world
Great work. Thank you.
The structure of your layout should be as follow… 1. Header tag (navigation / mobile navigation ), 2. Main tag (hero, main context), 3 footer tag (footer informational navigation). I hope this helps 😊
It's diwali gift for us❤
As usual the best!! Do you do one on one?
Wow thanks a lot for great explanation 😊
hello will you help me please
@@muskangupta4551 yes please tell me
Which editing tool did you use
@@discovery6136 visual Studio code
THIS IS JUST PERFECT
I'm very thankful for that great work you've done. Can you give me mockdata this app ?
This is a great video 🎉
when you click on register then in network fetch/xhr in pc show register status 500 type fetch initiator error 😐 please tell me what is the reason ??1:40:47
In my preview show failed to load response data : No data found for resource with given identifier
Same error:500 internal server error showing
I am getting the same problem , any updates?
did you get the solution pls help
Excellent course! congratulations on the project.
Could you help me solve a problem I have, when I log in with email and password it directs me to the start (home) but in the useSession it appears that it is unauthenticated, I tried logging in with Google and it authenticated without any problem.
What will be the problem? :(
did you manage to solve it? 😅. im stuck as well
Liked and Sube'd. I like to support fellow coders.
Hello Dawid,
I'm a beginner and feeling quite stuck. I was working on a MERN project and was excited to start a Next.js project next. However, after you signed into the AWS console, I'm not sure what my next steps should be. Unfortunately, I don't have a credit card or the financial means to get one, so I'm unsure where else I can store my work for free. Thank you for teaching me so much.
How did you resolve this issue.? It seems I’m also stuck here too.
Nice project. Thank you for sharing great works like this. Seeing the great use of Typescript lately, can I ask why your projects aint built with Typescript?
Thank so much Dawid.
At 2:03:40
when I click on the register button, it successfully adds the user to the database, with a network response of 200 instead of 500, even though there is already a user with the same email id in the database.
What am I doing wrong?
add unique: true on your user schema
congrats and thanks for this sharing
Hey I'm getting an 403 error while trying to display the user image from s3..i have configured the next.config properly and also getting the correct link..but it still shows an error
1:40:49 I didn't get the post or get request can you please help me
same here what should we do?
Dawid, not David. Thank you, Dawid for your help
Im trying to follow the step but I'm stuck fetching the image profile after uploding the file, and seting for the image the browser still cancel the image,, but does't throw any error, the only thing i can see is in the network tab, after uploading cancel the image, I already configure cors for AWS s3 bucket to allow all, and in next.js the same, but still cancel the image and didn't set the image for the user, did u know any problem related to aws s3 with next js?
Thank you for this comprehensive video.
Can you share the VSC extensions you are using for this project?
Thanks a lot!
At 2:20 timestamp you add signIn('credentials') and signIn was get imported automatically from somewhere but don't know from where so can you please tell me from where it was get imported.
sorry At 2:20:00 timestamp
import { signIn } from "next-auth/react"
Great stuff. Well done @Dawid. Please can you help me with the assets you used in the video. I couldn't find them in the description
thanks you're amazing sire
Hello Dawid, i get a question, when i try to sign in with the credentials in your app deploy and mine have the same error, i cant login, but if I try with providers that works, however i try to look for any solution but I didn't find anything, while I debug i found that SignIn didn't work correctly and don't return the session
Same issue I'm facing right now
same issue
@@FrontendFinesseDev
i am facing same issue have you found any solution for that?
I think I have the same problem, when I log in with the credentials, in useSession it returns unauthenticated, but when I log in with Google it returns authenticated
I have same problem any solution for this?
PLEASE HELP ME!!!
I am continuously getting status as "unauthenticated" after logging in using my credentials
and this is the object I am getting when i am console logging the session object ....{data: null, status: 'unauthenticated', update: ƒ}
Same for me😢
Same here 😭
did you get the fix for it?
Amazing !!!
Hi David! I'm still a beginner in Nextjs and I'm wondering why did you only use route handlers in this tutorial instead of mixing it with server actions?
Can you also integrate chatbot to order, payment like this to order also using chatbot
Awesome content
3:30 why when i update name on profile page , when i refresh it came back to the old name , i can see the new name only when i logout and login again
did you find the solution???
Thanks for the tutorial! Can you please explain how you setup app/api/upload? Maybe I missed it but it looks like you setup an S3 bucket to host all of your images? How do you configure that ?
Check the profile edit part - this is where i implement it
Hey! Please help me... My free aws amazon account is not creating... what should i do now??
Thank you Mr. Dawid. I hope much more to come. Maybe a full stack fully fledged school management system.
Nice work
9:13:30 There is problem in the login with the google and the normal login, when does it gets fixed?
same question even when was fixing the error with google button he didnt try logging in with normal login..... if you get any confirmation to when he fixes it please
@@fifachampion1064 he never did, i just removed the normal signIn/register and only added option with google
Brother did u resolve this error help me to solve it !!
I’m going to save for later 👍
David, thank you very much
There is a problem with the s3 in the profile editing section😵💫
register page is not working api showing error not fetching data
Amazing!! thnak u!
in 2:20:48 you write a secret but where you can find this secret and where can i find this?
I 1:40:49 don't have any response on the panel instead I got too many errors
try moving your .env file to the root directory of your project
@@JoaoR123 that didn't work either, any other suggestion pls
Thanks for the great course. It's quite encouraging to use Nextjs to build a commercial website. Had a question on Google login. When you show the Mongo db collection, your gmail was registered but I couldn't locate where in the codebase actually save the Google account. When using the Google login, how is the google account saved?
is this project okay for frontend ?
yes@@yousefsaeed732
Awesome course dawid ,i am watching but there is something wrong with mogodb adapter when i use it i cannot login with credentials ,if i remove it i dont have sesions and google users in database ,why is it blocking login with credentials how to solve this?
is this project okay for frontend ?
yes but make sure you know react before you start
@@yousefsaeed732
The same issue even I am facing!! Did u figure it out?
Can you do a video on your extensions please.
Great work🔥 How can I get your db scheme?
55:05 transition-all doesnt add what you talking about, its actually "duration-200"
Please can someone help. I am stuck at 2hrs42 trying to add the adapters... once I have done all of this, I cannot sign in properly and when trying to sign in with google, nothing happens. Any pointers would be greatly appreciated.
The adapter documentation is for typescript. I have tried Dawid's source code and still nothing.
Amazing, thank you.🎉