Getting Started

Prerequisites

• Node.js (latest LTS version)
• pnpm
• Shopify CLI

Directory Structure

└── project
    ├── assets
    ├── config
    ├── frontend
    │   └── entrypoints
    │       └── # only Vite entry files here
    ├── layout
    ├── locales
    ├── sections
    ├── snippets
    └── templates
        └── customers

Look at vite-plugin-shopify to learn more.

Setup

# Make sure to install the dependencies
pnpm install

Development Server

# Start the vite server on http://localhost:5173
pnpm start

Note: This server is not your theme server. It is the server that vite uses to process your assets, such as scripts or stylesheets. You still need to serve your theme using the Shopify CLI.

Production

# Build your CSS and JavaScript assets for production
pnpm build

# Upload your local theme files to Shopify
pnpm deploy

Checkout the Theme commands for more information.