Set up a local development environment

This development environment allows you to see a preview in your localhost of the theme which you are implementing, by simulating Liquid language, context variables and the custom tags and filters implemented in Store Pages.

We include our default theme as a foundation for implement a new theme.

Installing the environment

Requirements

• NodeJS v10.* or above (https://nodejs.org/es/)
• Yarn (https://yarnpkg.com/)

First, clone this repo, go to your local folder and run:

yarn install

Starting local server

Once install is finished, start the local development environment:

yarn run serve

Now you can open your browser and visit http://localhost:3000

Live reloading is enabled, so you can see any changes in the code automatically.

Press Ctrl+C to stop the local server.

Creating builds

In order to get you theme prepared for uploading to Store Pages, run the build command:

yarn run build

The result file dist.zip will be saved and ready for upload in the same folder.