Next.js 13 Full Stack E-commerce App #31 | Post Review, Update Review, Can User Review Product
Вставка
- Опубліковано 1 чер 2023
- Git Repo Link:
github.com/ghulamabbas2/buyit...
Checkout my In-Depth Next.js Masterclass on Udemy Courses:
www.udemy.com/course/nextjs-b...
Next.js Authentication with Next-Auth:
• Next.js Authentication...
================================================================
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
amzn.to/4eUqrSe
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
amzn.to/3W9Z4wl
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
amzn.to/3RY4xUy
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
amzn.to/3RY4Fn0
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
amzn.to/4bxidN6
================================================================
Welcome to episode 31 of our Next.js 13 Full Stack E-commerce App tutorial series! In this video, we'll be exploring the exciting world of product reviews and user feedback within our application.
Firstly, we'll demonstrate how users can post/update reviews for the products they have purchased. We'll guide you through the process of designing a user-friendly review submission form and implementing the necessary backend logic to store and display these reviews.
Don't forget to like, comment, and subscribe to our channel to support us and receive updates for future episodes.
Thanks again mate. Will check once I arrive at home. Cheers
Thanks mr Abbas again good Ep
Love it. thanks so much
thank you ☺
git cloned and run npm install ; i am getting a file not found in c:..uploads\product.jpeg in c drive ; multer issue while uploading product images ;
Awesome tuts.. please bring new react 18 2023 playlist on latest version using vite and tailwind css
hello mr, why doesn't the name and photo appear when posting a review?
Hello abbas i hope you re doing well. I noticed that we are not getting Users name and avatar on their posted review and it is because the review object only has user id not its name and avatar. do you have any guidance on how can we integrate it?
Edit- I did it, basically addded
userName: {
type: String,
required: true,
},
userAvatar: {
public_id: String,
url: String,
},
to the reviews array in product model and then pass the user's name and Avatar in reviewData to backend where you take username and avatar and add it to your const review ={} object.
and to display review?.userName in Reviews component.
would you kindly attach something that can show your code snippets??
Thank you teacher. Please anybody can add a new order?
@sir, i saw your udemy course particularly this project peoples are commenting that you did not explain lot, it's a issue to select best lessons from your courses. pls say something!!
Watch this Video:
ua-cam.com/video/eiVBV2fW-aA/v-deo.html
can update to next 13.4
Watch this Video:
ua-cam.com/video/eiVBV2fW-aA/v-deo.html
Deploy issue is coming
I'll deploy the entire project in the last video of this series.
@@codingwithabbas where will you be deploying this? It's not going to work on Vercel is it? Render?
@@TerryMitchell I tried deploying it to Vercel but didn't work. Having problem with the Axios API calls
@@arisudana3672 It won't work on Vercel as it's not exactly 'serverless' - it has a back end and would need to be deployed as a web service on either Render/Digital Ocean or Heroku or similar - at least that's what it looks like to the extent of my knowledge - but I may have missed something.
Another great section, much appreciated Abbas.
I'm a little worried by the "Warning: Prop `id` did not match. Server: "starGrad838017698160755" Client: "starGrad640885339464450" warning on the Product details page - is anybody else getting this?
This warning is from react star rating package.
@@codingwithabbas I know, but how to fix it - I tried loading the package using next/dynamic as suggested and it didn't work. It appears to be a bug with the package and SSR