Ecommerce · React
Handmade ceramics
Pottery studio storefront with tableware, vases and seconds, studio classes, care FAQ and kiln-opening news.
What you get
A shop for a small pottery studio: an editorial hero, mugs, tableware, vases and discounted seconds with a cart, a studio and classes section, a kiln gallery, an FAQ covering care, shipping and breakages, quotes and a kiln-opening newsletter. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
import { defineConfig } from "vite";import react from "@vitejs/plugin-react";import tailwindcss from "@tailwindcss/vite"; export default defineConfig({ plugins: [react(), tailwindcss()], server: { host: true, port: Number(process.env.PORT) || 5173, strictPort: true, allowedHosts: true, hmr: process.env.CODEXA_PREVIEW_HOST ? { host: process.env.CODEXA_PREVIEW_HOST, clientPort: Number(process.env.CODEXA_PREVIEW_PORT) || 80, protocol: "ws" } : undefined, },});Remix
Remix this template
Describe what to change and the agent starts from Handmade ceramics's files. The box is already started for you: finish “Start from Handmade ceramics and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Coffee roaster shop
Dark storefront for a specialty roaster with single origins, a subscription, brew gear and shipping info.
- Featured
Ecommerce storefront
A product catalog with category filters and search, product detail view, and a cart kept in local state.
Sneaker store
Dark sneaker storefront with a filterable catalog, a resole service, drop sign-ups and a working cart.
Build on Handmade ceramics
Create a free account, start from this template, and ask the AI agent to turn it into your app.