Видео

Using uploadthing. Read more on uploadthing.com

Thanks and welcome. Join pro membership to watch next lessons.

it contains sample data to display in the home page: github.com/basir/ssr-shopping-cart/blob/main/pages/index/data.js

Thanks and welcome. please ask any questions on this course on the Github repo -> issues -> new issue. Link in the description.

​@@CodingwithBasir It was done well, but when I refresh the links in local 3000, it says page not found, error 404, and I am used from redux toolkit and persist and outlet in project, I think it's one of these, right?

Hello, dear professor, good time, it didn't work in Django, React, JS, and Redux, and it didn't show the HTML page, it's empty, and when reloading the page, it shows a 404 page not found error. In local 3000, to fix this error What should I do?

Thank you so much! please ask any questions on this course on the Github repo -> issues -> new issue. Link in the description.

what it does is to create a product with sample data in backend and redirect admin to edit product page to update product info. if you like to have a fresh new product page check my another ecommerce course here: ruclips.net/video/M4DrCi8EuYE/видео.html

@@CodingwithBasir Thanks for your response. ❤❤❤I am facing another issue that I am unable to upload product image. Could you please help me again

@@KaziMizanAhmed please ask any questions on this course on the github repo -> issues -> new issue. github repo link is in the description.

watch this video to implement rate and review products: ruclips.net/video/yGRBVpsShDk/видео.html&pp=gAQBiAQB

React Client Deployment The React client code (HTML, CSS, and JavaScript) is typically built for production and placed in a directory on the server that's accessible by the web browser. This directory is often the root (/) of your web server's document root. When a user accesses your application's URL in the browser (e.g., your-server-address/), the browser fetches the client-side code from the server's document root. The client-side code then interacts with the Node.js server (backend) on the specified port (8000 in your case) to fetch data and perform actions. Key Points You don't need to configure a port for the React client itself. The Node.js server (backend) port (usually 8000) is only relevant for communication between the client and server. Ensure your web server (e.g., Apache, Nginx) is configured to serve the React client code from the appropriate directory when a user requests your application's URL. Additional Considerations For production deployments, consider using a process manager like PM2 for more advanced features like load balancing and clustering. You might have a build step in your React development process that creates an optimized production build of your client-side code. I hope this explanation clarifies the distinction between React client and server ports in deployments on Ubuntu servers. If you have further questions, feel free to ask! please ask any questions on this course on the github repo. link in the description.

Yes, you can. check this doc: blog.stackademic.com/creating-a-full-stack-web-application-with-spring-boot-and-next-js-c70ad2178b43 and this stacktobasics.com/deploy-nextjs-with-spring-boot

hello there, to do this you need to increase token expire date. there is no need to set refreshToken.

what exact feature do you want? submit an issue on the github repo with all details. repo link is in the video description.

hello there, thanks for your interest. simply open this link and click join button. ruclips.net/channel/UC2xRE4hUCQ3xO3ymEtMh1Hwjoin then go to this playlist to find your favorite course. www.youtube.com/@CodingwithBasir/playlists

sure, will add it soon. join pro membership to get notified when it is ready.

it is a big feature. it is noted for next updates.

You are right. But nextjs has server actions which mix backend and fronted together. Like what we have in php

Why not. Nextjs by far is the best Web framework and lots of companies use it

haha, maybe use segregated api.

sure, segregated api is great for large scale app

ssh to your hostinger sever. go to the app directory and run $ nano .env then add env variables in this file. save and exit.

hello there, I am uploading new videos on daily basis here: ruclips.net/video/MM1qMu-sLqw/видео.html features like review products and search products will be added soon. we don't save any state on client side so there is no need to use packages like zustand. all cart details save on server as record in cart table.

Zustand is simple and light state management

yes, it is.

Glad you think so! please ask any questions on this course on the github repo. link in the description.

Thanks for the tip! for related products I'm thinking to use some ai recommendation tools. also for product catalogs. please ask any questions on this course on the github repo. link in the description.

Use ai to provide comments for products.

good point.

Glad you like them! please ask any questions on this course on the github repo. link in the description.

Wow, thanks! please ask any questions on this course on the github repo. link in the description.

in pro membership you have access to all advanced features as video tutorial. for 1 on 1 classes you need to book it from my website codingwithbasir.com/tutoring/

thanks, I am specialist in building ecommerce website. I am going to go deep in this industry and add advanced features to this project.

@@CodingwithBasir thank you, I'm waiting for more amazing stuff. Spot on!

@@CodingwithBasir Please stick to ecommerce projects sir. I'll pay money if you go deep down into enterprise level structures

​@arisudana3672 sure , thus version is a major update to the previous one

When it comes to learn coding there is nothing better than ecommerce

thanks for your interest. will add it soon.

thanks. ask questions on this course on the github repo. link in the desc

You’re welcome 😊 thanks. ask questions on this course on the github repo. link in the desc

Thanks 🔥 thanks. ask questions on this course on the github repo. link in the desc

thanks build this website and enhance your portfolio

Welcome!

Thanks for the visit Become a pro member and get access to complete courses to build e-commerce website like amazon ruclips.net/channel/UC2xRE4hUCQ3xO3ymEtMh1Hwjoin Links of complete courses: 1. Next.js PostgreSQL ECommerce Like Amazon ruclips.net/p/PLeh2GWv22bmQhKLSG7DuwptE8BGy8y3lJ 2. Next.js Mongodb ECommerce Like Amazon ruclips.net/p/PLeh2GWv22bmTz4krWd371xqg9cCupvGxI 3. Other courses will be added soon.

I published the part 2 of next ecommerce with postgres here: ruclips.net/video/M4DrCi8EuYE/видео.html

I updated this course to next app router and this issue has been fixed. watch this video please: ruclips.net/video/zWEvbGdUhRg/видео.html let me know if you have any issues.

thanks. Become a pro member and get access to complete courses to build e-commerce website like amazon ruclips.net/channel/UC2xRE4hUCQ3xO3ymEtMh1Hwjoin Links of complete courses: 1. Next.js PostgreSQL ECommerce Like Amazon ruclips.net/p/PLeh2GWv22bmQhKLSG7DuwptE8BGy8y3lJ 2. Next.js Mongodb ECommerce Like Amazon ruclips.net/p/PLeh2GWv22bmTz4krWd371xqg9cCupvGxI 3. Other courses will be added soon.

check this link please: ruclips.net/video/vcoOt329K8g/видео.html

thanks. check my new course on youtube. www.youtube.com/@CodingwithBasir/playlists

Thank you! Cheers!