This is a full-stack ecommerce store template with customer storefront, admin dashboard, and Cloudflare Workers API.
Sign in to like and favorite skills
This is a full-stack ecommerce store template with customer storefront, admin dashboard, and Cloudflare Workers API.
base-store/ ├── storefront-app/ # Customer-facing storefront (Express + Liquid) │ ├── server.js # Express server with LiquidJS │ ├── theme/ │ │ ├── layouts/ # Base layouts (theme.liquid) │ │ ├── templates/ # Page templates (index, product, cart, etc.) │ │ ├── snippets/ # Reusable components (header, footer, product-card) │ │ ├── assets/ # CSS, JS (styles.css → compiled → index.css) │ │ └── config/ # Liquid filters │ ├── tailwind.config.js # Tailwind configuration │ └── package.json # Storefront dependencies ├── admin-app/ # Admin dashboard (Express + Liquid) │ ├── server.js │ ├── theme/ │ └── package.json ├── api-worker/ # Cloudflare Workers API (Hono) │ ├── src/ │ │ ├── index.ts # API entry point │ │ ├── middleware/ # Auth, store resolver │ │ ├── routes/ # API routes │ │ └── types.ts │ └── wrangler.toml ├── infra/ │ └── db/ │ ├── schema.sql # D1 database schema │ └── seed.sql # Sample data └── package.json # Root orchestration scripts
Server-side rendered storefront using Express and Liquid templates.
storefront-app/server.jsstorefront-app/theme/templates/index.liquidstorefront-app/theme/templates/collection.liquidstorefront-app/theme/templates/product.liquidstorefront-app/theme/templates/cart.liquidstorefront-app/theme/snippets/header.liquidstorefront-app/theme/snippets/product-card.liquidstorefront-app/theme/assets/styles.cssstorefront-app/theme/assets/index.cssstorefront-app/theme/assets/cart.jsThe storefront uses Tailwind CSS with a build step:
theme/assets/styles.csstheme/assets/index.cssnpm run build:cssServer-side rendered admin dashboard using Express and Liquid.
admin-app/server.jsadmin-app/theme/templates/admin-app/theme/snippets/Cloudflare Workers API built with Hono.
api-worker/src/index.tsapi-worker/src/routes/store.tsapi-worker/src/routes/admin.tsapi-worker/src/middleware/auth.ts# Install dependencies (also builds CSS) npm install # Start ALL services (storefront, admin, API) concurrently npm run dev # Or start services individually: npm run dev:storefront # Storefront on port 3000 npm run dev:admin # Admin dashboard on port 3001 npm run dev:api # API worker on port 8787 # Initialize database npm run db:init npm run db:seed
PORTAPI_URLSTORE_SLUGLocated in
infra/db/schema.sqlstoresproductsordersorder_itemspaymentsThe following files should not be modified: