This boiler plate is used to deploy a React App to Shopify.
- Make sure you have Node.js installed
- Download the repository
- Run
npm i
in the repository's root folder to setup - Run
npm start
to preview a live hot-reloading version of the app
You can start writing your app code in the src folder, the starting point for the app is set to index.js through which the app is loaded into the root element on the Dom.
The files in the public folder are Shopify specifics and are used to load the app from any page the user lands on.
- Build the app first by running
npm run build
. - Make sure you have themekit (Shopify's theme manager) installed on your machine.
- Make a themekit configuration file having store, theme_id & password for production build; usually stored as a .yml file.
- Deployment process has 4 options
- Deploy :: This simply uploads the theme to the server.
- Deploye:update-force :: This force updates files that might have been overwritten directly on the server.
- Deploy:replace :: This option replaces the files present on the server
- Deploy:replace-force :: This option replaces the files even if the server shows errors for some files.