Fantastic tutorial - well done! One constructive feedback: A crucial part of web applications is that when you hit refresh - you generally get back to the same state. From 38:30 to 38:55 - you route to the homepage instead of handling the URL context. This would mean that users cannot share URLs to products - not a great plan.
it's an excellent point that you make - I totally agree. I think the best solution would be to refetch the product on page load on the sub page route and then as you mention, the state is always there. Thanks for the comment :)
At 1:26:06 when I click "Checkout" I get: "SyntaxError: Unexpected end of JSON input." The source is "app\Modal.tsx (26:27) @ json." I cannot figure out what is causing this error. Do you have any ideas?
Excellent tutorial! I appreciate you. One thing though, i am struggling @57:00 of the video. The createPortal keeps dying on me. Have you seen/hear of any issues regarding problems w/ createPortal?
@@antoniors I had luck by changing the openModal back to "false" in the store.js and once I finished the headers ability to change the Modal state it started working.
great video James, i really like how you put together things in your comprehensive tutorials, i would like to do a collab tutorial with you some day 😊✌
Modal doesn't open with the name of item in it! Nobody can finish this project, because of this error - CANNOT UPDATE A COMPONENT WHILE RENDERING A DIFFERENT COMPONENT. Fix it.
ReactDOM is not working some how in latest next.js project, keep getting the same error over and over again ``Unhandled Runtime Error Error: Target container is not a DOM element.``
@@Smoljames thank you I fixed it a bit different so its working I only am looking for somthing you did not add is to change te cart when you dont want a banan even if you clicked it so updating the cart. I will try to fix this myself or any sugestion is welcome. Thank you for the lessons learned.
Fantastic tutorial - well done!
One constructive feedback:
A crucial part of web applications is that when you hit refresh - you generally get back to the same state.
From 38:30 to 38:55 - you route to the homepage instead of handling the URL context.
This would mean that users cannot share URLs to products - not a great plan.
it's an excellent point that you make - I totally agree. I think the best solution would be to refetch the product on page load on the sub page route and then as you mention, the state is always there. Thanks for the comment :)
How do you handle the URL context?
I did needed like this project tutorial. Thank You
Thank You for your Awesome project tutorial . 😄Amazing content!
Thanks friend :P
Wow! this was amazing content! thanks James!!
Haha cheers bro appreciate the comment!
This is another level ! I have learned a lot !
Looking forward for more full stack app !
Thank you :)
glad you enjoyed the video :)
Thanks for a great tutorial, really well explained and easy to follow! Really enjoying the channel
Thanks for the comment :) Appreciate the kind words and glad you're enjoying the content!
You are the best! Thanks for all the content!
Cheers for the nice words :)
Thank you! Great video!
✌👊
Great video! How do you create quantity functionality?
At 1:26:06 when I click "Checkout" I get: "SyntaxError: Unexpected end of JSON input." The source is "app\Modal.tsx (26:27) @ json." I cannot figure out what is causing this error. Do you have any ideas?
Great tutorial. 🙂Students beware when he says "curly parentheses" look to see what he actually types. It could be any type of parentheses.
Haha sometimes my english break no good! Get my words all muddled!
keep up the great work man
Excellent tutorial! I appreciate you. One thing though, i am struggling @57:00 of the video. The createPortal keeps dying on me. Have you seen/hear of any issues regarding problems w/ createPortal?
Were you able to solve that? I'm currently stuck there
@@antoniors I had luck by changing the openModal back to "false" in the store.js and once I finished the headers ability to change the Modal state it started working.
Thanks for this. Can you make a tutorial that shows up how we could use Firebase to add/delete products with prices and descriptions?
I can definitely do that
great video James, i really like how you put together things in your comprehensive tutorials, i would like to do a collab tutorial with you some day 😊✌
Glad you enjoy the video! And I'm sure we can put something together at some point in the future 😊
The best! Thank you!
Thanks for the comment!
Amazing content 🔥🔥
Glad you're enjoying the video :)
Hey James, do you know how to change the Favicon / Icon on the Heading Title in Next Js 13?
Good question - nextjs.org/docs/api-reference/next/head. This is how it's done :) hope it helps
Subbed. Great content. Would be great to see similar ecommerce app with products loaded from backend.
Ty for the comment :) perhaps it'll be a tutorial in the future. Do you have a preferred backend?
@@Smoljames mern should be fine
the real challenge is getting sales with this
you're not wrong!
Hey Mate, I finished it up but had difficulties deploying on vercel. Initially used Next 14, then re-did it with Next 13, still no dice
Help!!!
Thank you brother!
Hope it was useful :)
Amazing 🔥🔥
Cheers for the comment!
Would I have to use cookies to maintain the state of my cart?
Either that or local storage!
On min 22 i do all the steps as you did but the data didn't fetched why? im sure the code is 100 as yours can you help pls
why tailwind is not working on my setup
Modal doesn't open with the name of item in it! Nobody can finish this project, because of this error - CANNOT UPDATE A COMPONENT WHILE RENDERING A DIFFERENT COMPONENT. Fix it.
if you ask nicely ;)
ReactDOM is not working some how in latest next.js project, keep getting the same error over and over again
``Unhandled Runtime Error
Error: Target container is not a DOM element.``
If you post your code in the discord channel I can take a look!
@@Smoljames thank you I fixed it a bit different so its working I only am looking for somthing you did not add is to change te cart when you dont want a banan even if you clicked it so updating the cart. I will try to fix this myself or any sugestion is welcome. Thank you for the lessons learned.