Shopify Theme Development Workflow

Shopify Theme Development Workflow

A simple and effective workflow for building and maintaining Shopify themes that allows for using any editor, Git, and multiple store environments.

This screencast covers ThemeKit v0.4.2. Specific details and config options may have changed since.

Here is the blog post with the full written out workflow:

Gist with the config code:

View more screencasts on my new channel:



30 thoughts on “Shopify Theme Development Workflow

  1. António Coiso

    I appreciate the video, and thank you for the tutorial.
    In my opinion, for a "educational" video you are over-using the command line, it's all good and great to edit with vim and duplicate files with it but its just way easier for someone following the tutorial for a better GUI.

    At some point it feels like just showing off "look I can do all of this in the command line".
    I respect if you actually do this and is productive for you but its not the best format for a tutorial video.

  2. Corona

    Can anyone tell me why my theme kit updates are so slow? I save a change and have to wait up to 15 minutes sometimes for the changes to appear in my site. Theme kit isn't throwing any errors or anything in Terminal when I save.

  3. SC DS

    Hi Brett,
    I would like to know how all the theme files (theme.liquid, product.liquid… etc.) get loaded/parsed once a browser agent request a Shopify product page, could you please steer me in the right direction? a video would be optimal but a document or blog would also be very helpful.

    Thanks for you great work!

  4. Nicolas Bazinet

    Hi Brett! Do you know if there's any way to use LiveReload or Browsersync with Theme Kit? Couldn't find any info about this. I usually work with Gulp and I understand that a Shopify website isn't running locally, but I wish there could be a way to tell the browser to refresh the page/tab when a file is pushed to the server with theme watch.

  5. Brad West

    Is there no way to do the build locally? My typical workflow is to build a site and view it at http://localhost/ before pushing it to a production environment. In this and every other tutorial I've seen, the build happens on the Shopify servers and is only viewable at the URL.

    This slows theme development to a crawl. Surely there's a better way than this.

Leave a Comment

Your email address will not be published. Required fields are marked *