Vite Storefront

Vite theme design + runtime (React + Tailwind + TypeScript). Dedicated design hub: Vite Design. Nunjucks users: Nunjucks Design.

Scaffold

cp -r templates/markt-vite-storefront templates/my-theme
cd templates/my-theme
npm install
npm run dev

Design map

Layer	Where
Routes / shell	`App.tsx`
Pages	`src/pages/*.tsx`
Tokens	`src/theme/colors.css`
Data	`src/lib/storefront-api.ts`

Required routes

/, /products, /product/:slug, /privacy, /terms, /refunds

Rules

Tokens only in colors.css
On-hold via isStoreProductOnHold
Policies via LegalPolicyPage — Policy Pages
Platform checkout only

import { LegalPolicyPage } from '@/components/legal-policy-page'

export const PrivacyPage = () => (
  <LegalPolicyPage
    title="Privacy Policy"
    policyKey="privacyPolicy"
    emptyMessage="No privacy policy has been added yet."
  />
)

See also

⌘I