Shopify + ES6 + Tailwind + BrowserSync
Creating a modern shopify development experience that doesn't suck.
REQUIRED: Creating the
Before development, you must hook up themekit to your development store. You can accomplish this by creating a
.env file at the root of your project that looks like this:
# Development Site DEV_ID = <your-dev-id> DEV_PW = "<your-dev-pw>" DEV_STORE = "<store-url>.myshopify.com"
To create/find these values, visit this link for instructions
Once you have everything configured, running
yarn dev will start a localhost proxy of your development store, which will upload files directly to shopify on filechange, and refresh the localhost proxy browser when completed. Happy developing!