Skip to content
My first shopify local development experience.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
config
layout
locales
scripts
sections
snippets
styles
tailwind
templates
.browserslistrc
.eslintrc.js
.gitignore
.notify
README.md
bs-config.js
config.yml
package.json
postcss.config.js
tailwind.css
tailwind.js
yarn.lock

README.md

Shopify + ES6 + Tailwind + BrowserSync

Creating a modern shopify development experience that doesn't suck.

REQUIRED: Dependencies

REQUIRED: Creating the .env file

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

Getting started

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!

You can’t perform that action at this time.