Shopify CLI helps you build Shopify themes faster and is used to automate and enhance your local development workflow. It comes bundled with a suite of commands for developing Shopify themes—everything from working with themes on a Shopify store (e.g. creating, publishing, deleting themes) or launching a development server for local theme development.
You can follow this quick start guide for theme developers to get started.
Alpine is included from a CDN.
Install Tailwind Globally with NPM
npm install -g tailwindcss
Start a watcher
tailwindcss -i assets/tailwind-input.css -o assets/tailwind-output.css --watch
Compile and minify your CSS for production
tailwindcss -i assets/tailwind-input.css -o assets/tailwind-output.css --minify
We recommend using Theme Check as a way to validate and lint your Shopify themes.
We've added Theme Check to Dawn's list of VS Code extensions so if you're using Visual Studio Code as your code editor of choice, you'll be prompted to install the Theme Check VS Code extension upon opening VS Code after you've forked and cloned Dawn.
You can also run it from a terminal with the following Shopify CLI command:
shopify theme checkDawn uses GitHub Actions to maintain the quality of the theme. This is a starting point and what we suggest to use in order to ensure you're building better themes. Feel free to build off of it!
We love fast websites! Which is why we created Shopify/lighthouse-ci-action. This runs a series of Google Lighthouse audits for the home, product and collections pages on a store to ensure code that gets added doesn't degrade storefront performance over time.
Dawn runs Theme Check on every commit via Shopify/theme-check-action.