Nice video Lari, i love the way you explained everything, i noticed you are still using old method of installing sanity, you can integrate your sanity inside your project now, for example instead of opening two brower tabs for localhost: 3000 and localhost:3333, you can actually integrate sanity inside next and you have one web address like localhost:3000/studio for sanity and localhost:3000 for your front end
wow..just finished the owesome course. thank you! question, now when sign in with registered email, if i key in any password it will let me to sign in, did i do something wrong? or the bcriypt part verify password function haven't completed? Thanks again
This is an awesome video, thanks for putting this together. If I wanted to add a review feature to a product page, how would I do that? For example, they could rate the item from 1 star to 5 stars and leave a comment, and then we can display those comments on the product page. How do you do this?
Let me give you a hint 💡 1) you’ll need a review schema. A review can have a description and rating. And a review will also have a createdBy property which references a user. 2) You’ll edit the game schema. To have reviews. I.e an array of reviews
Nice video dear I am learning very new things ,as I follow your project I got some error in stripe route.ts (7:00:00) at sanity client.fetch({query}) plz help me
Nice job overall on the project. I have been having problem connecting to stripe following the code to the lettter. 'line_items' and 'calculatedItemPrices' errors out. Thus I believe throw a 500 error everytime. Any ideals or thoughts on that? Thanks
This tutorial is exactly what I needed Lari! Everything is on point and you've made typescript much easier to understand. I'v having the same 500 error with connecting to stripe. Any thoughts or feedback will be much appreciated. Thanks
so many people start tutorials for so many hours but don't even spend 1 hour on dribble to find a design idea first, so that the product doesn't look like it was coded at the era of Windows XP , sad
If I used the file picker? in the sanity studio? That's where we both plugged in our URL to these images. All of the other images we referenced with the array index [0] work fine except this one - i'll try to delete the .next folder and see if this works otherwise, and Will respond tomorrow. I hope to report good news, or hear back from you as responsive as you were this go round - these cms's are complicated for me in general, but need the practice, and I spend hours watching these tutorials then run into some problem that slows me down considerably. I appreciate you otherwise.
@@codewithlarithanks fot adding, god bless u this is an amazing course i straight up binge watched 3 hours pls make more sifh gourses with varied applications like real time chat application etc
to avoid the alert from Sanity of the "missing _key" add another "_key" when create an order create: { _type: 'order', items: games.map((game, idx) => ({ _key: `productId-${game._id}`, // first game: { _key: idx, // second _type: 'reference', _ref: game._id, }, quantity: game.quantity, })), userEmail, orderStatus: 'pending', },
for the life of me I can't figure out why I am getting this error - Unhandled Runtime Error Error: Cannot read properties of undefined (reading '0') Source src/app/page.tsx (33:29) @ eval 31 | key={game._id} 32 | gameName={game.name} > 33 | imageUrl={game.images[0].url} | ^ 34 | slug={game.slug.current} 35 | price={game.price} 36 | /> Call Stack map src/app/page.tsx (29:22) Show collapsed frames this occurred from like 1 hour and 30 minutes to 3 hours and 30 ninutes in - can't figure it out for the life of me
If you used file picker for the image, you might try to read the data differently. You can also delete your .next folder and run npm start again. Please also refer to GitHub repository for the source code 🙂
More videos on nextjs thanku sir❤
All these technologies are what I wish to master, can't wait to start 😊
u got a subscriber pls more on typescript projects thanks
very good content, please keep these videos coming
Nice video Lari, i love the way you explained everything, i noticed you are still using old method of installing sanity, you can integrate your sanity inside your project now, for example instead of opening two brower tabs for localhost: 3000 and localhost:3333, you can actually integrate sanity inside next and you have one web address like localhost:3000/studio for sanity and localhost:3000 for your front end
This is lovely. Thank you for sharing 🔥
Perfect video!
Great project. Thanks!
Thank you
58:30 have to start from here next
Great job! Thank you for sharing this amazing content!
Completed the entire video thanks a lot
wow..just finished the owesome course. thank you!
question, now when sign in with registered email, if i key in any password it will let me to sign in, did i do something wrong? or the bcriypt part verify password function haven't completed?
Thanks again
is styled components used in industry??......i heard tailwind css is only thing for industry
Also deploy the project on vercel Please
Was deployed to vercel 🎉
❤ good project
But please deploy on server
Frontend and backend
Separate files
You're too much! Subscribed!
This is an awesome video, thanks for putting this together. If I wanted to add a review feature to a product page, how would I do that? For example, they could rate the item from 1 star to 5 stars and leave a comment, and then we can display those comments on the product page. How do you do this?
Let me give you a hint 💡
1) you’ll need a review schema. A review can have a description and rating. And a review will also have a createdBy property which references a user.
2) You’ll edit the game schema. To have reviews. I.e an array of reviews
Nice video dear I am learning very new things ,as I follow your project I got some error in stripe route.ts (7:00:00) at sanity client.fetch({query}) plz help me
Hi Sir.
Thank you for messaging, please if it’s a test project you can share the GitHub repo to my email so I help out
Nice job overall on the project. I have been having problem connecting to stripe following the code to the lettter. 'line_items' and 'calculatedItemPrices' errors out. Thus I believe throw a 500 error everytime. Any ideals or thoughts on that? Thanks
This tutorial is exactly what I needed Lari! Everything is on point and you've made typescript much easier to understand. I'v having the same 500 error with connecting to stripe. Any thoughts or feedback will be much appreciated. Thanks
so many people start tutorials for so many hours but don't even spend 1 hour on dribble to find a design idea first, so that the product doesn't look like it was coded at the era of Windows XP , sad
the old designs are gold , It actually Looks cheap but its generate more revenue . Old is Gold!
ive been trying to fecth images from sanity for a while now but it doesnt seem to work can anyone help out
I know html, css, react, mongodb and familiar with mongodb, express js, and node. Can I do it?
Sure. Give it a shot
@@codewithlari Thanks I will start this today :)
Pls add more timestamps also sir
If I used the file picker? in the sanity studio? That's where we both plugged in our URL to these images. All of the other images we referenced with the array index [0] work fine except this one - i'll try to delete the .next folder and see if this works otherwise, and Will respond tomorrow. I hope to report good news, or hear back from you as responsive as you were this go round - these cms's are complicated for me in general, but need the practice, and I spend hours watching these tutorials then run into some problem that slows me down considerably. I appreciate you otherwise.
dear sir, i see this video... this is too much difficult ....please make easy way and simply
Please add timestamps sir
Working on this. Thank you 💪
@@codewithlarithanks fot adding, god bless u this is an amazing course i straight up binge watched 3 hours pls make more sifh gourses with varied applications like real time chat application etc
to avoid the alert from Sanity of the "missing _key" add another "_key" when create an order
create: {
_type: 'order',
items: games.map((game, idx) => ({
_key: `productId-${game._id}`, // first
game: {
_key: idx, // second
_type: 'reference',
_ref: game._id,
},
quantity: game.quantity,
})),
userEmail,
orderStatus: 'pending',
},
Oh great 😊
for the life of me I can't figure out why I am getting this error - Unhandled Runtime Error
Error: Cannot read properties of undefined (reading '0')
Source
src/app/page.tsx (33:29) @ eval
31 | key={game._id}
32 | gameName={game.name}
> 33 | imageUrl={game.images[0].url}
| ^
34 | slug={game.slug.current}
35 | price={game.price}
36 | />
Call Stack
map
src/app/page.tsx (29:22)
Show collapsed frames
this occurred from like 1 hour and 30 minutes to 3 hours and 30 ninutes in - can't figure it out for the life of me
If you used file picker for the image, you might try to read the data differently. You can also delete your .next folder and run npm start again.
Please also refer to GitHub repository for the source code 🙂