React Store Front
Get the most aspired React Storefront for your eCommerce portal, using this step-by-step guide for setup.
Installation
Step 1-Download and Install node version of 14.17.2 and above
Step 2 -
1-sudo apt update
2-sudo apt install curl
3-curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
4-sudo apt -y install nodejs
Go through the following steps
Step 3 - Extract the zip file of the project that is given to you.
Follow the given navigation:
Step 4 - Open store ->environment->.env.development , that file will look like as given below
For example: export const NEXT_PUBLIC_SERVER_URL=''
export const NEXT_PUBLIC_IMAGE_URL=''
export const NEXT_PUBLIC_VIDEO_URL=''
Step 5- In .env.development, you have to set , as given below:
Step 6 - In NEXT_PUBLIC_SERVER_URL, you have set endpoint path(e.g:"http://localhost:9000/api/")which will get while running api.
Step 7- In NEXT_PUBLIC_IMAGE_URL, you have to give resize image api url path(e.g:"http://localhost:9000/api/media/image-resize").
Step 8 - In NEXT_PUBLIC_VIDEO_URL, you have to give resize image api url path(e.g:"http://localhost:9000/api/media/video-preview-s3/").
Follow the next/Image configuration:
Step 9- Open store->next.config.js, that file will look like as given below
for example:
module.exports = { images: {
domains: ["Your API url for image"], //eg: - if your link is https://your-image-url.com/ means you need to specify as your-image-url.com
},
};
Run the Project
Step 10 - To install the dependencies related to the project, open the terminal and give the command
and continue the following command to run the project
Last updated