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
To build the application please follow the link React store front in frontend deployment setup.
Last updated