Shopify Starter Theme

Note

This is a work in progress. An archive for the Shopify 1.0 starter theme is available in the 1.0-theme-archive branch.

A Shopify 2.0 starter theme that focuses on performance, user experience, and simplicity.

• Everything is intentionally basic. So you can focus on building what you need without the hassle of complex settings and functionality you don’t.
• For CSS, you will find a combination of TailwindCSS and traditional stylesheets. If something is used throughout the theme, standard CSS is used for consistency.
• I have included solutions I have found helpful across multiple Shopify themes, many of which may be unique and useful.

Development

Prerequisites: Install Node (NPM used for TailwindCSS) and Shopify CLI

1. Clone this repository and cd into the project directory.

2. Run npm install to install dependencies.

3. Run shopify theme dev to start a local development. This uploads the current theme to a store so you can preview it. The first time you run Shopify CLI, or anytime you switch stores, you must pass the --store parameter.

   shopify theme dev --store=mystore.myshopify.com

4. In another terminal window, run npm run dev to build TailwindCSS styles. Before deploying to production, run npm run build to minify and optimize TailwindCSS styles.

References for Shopify theme development:

1. Getting started with Shopify CLI
2. Shopify CLI commands for themes
3. Be familiar with the directory structure of a Shopify theme.