🛍️ Svelte Ecommerce Starter

A production-ready SvelteKit e-commerce template with Stripe Checkout integration. Features a product catalog, shopping cart with persistent state, category filtering, and complete Stripe payment flow including webhooks.

Features

• ⚡ SvelteKit 2 with TypeScript
• 💳 Stripe Checkout — one-time payments with webhook handling
• 🛒 Shopping Cart — reactive store with add/remove/quantity controls
• 📦 Product Catalog — filterable by category with detail pages
• 🎨 Clean CSS — custom properties, responsive grid, no framework dependency
• 🔔 Webhook Handler — verify & process Stripe events
• 📱 Responsive — mobile-first design

Quick Start

# Clone
git clone https://github.com/kszongic/svelte-ecommerce-starter.git
cd svelte-ecommerce-starter

# Install
npm install

# Configure
cp .env.example .env
# Add your Stripe keys to .env

# Dev
npm run dev

Environment Variables

Project Structure

src/
├── lib/
│   ├── components/    # Navbar, ProductCard, Footer
│   ├── data/          # Product data & helpers
│   ├── stores/        # Cart store (Svelte stores)
│   └── stripe.ts      # Stripe server client
├── routes/
│   ├── +layout.svelte
│   ├── +page.svelte          # Home (featured products)
│   ├── products/
│   │   ├── +page.svelte      # All products + filters
│   │   └── [slug]/+page.svelte  # Product detail
│   ├── cart/+page.svelte     # Cart + checkout trigger
│   ├── checkout/+page.svelte # Success/cancel page
│   └── api/
│       ├── checkout/+server.ts  # Create Stripe session
│       └── webhook/+server.ts   # Handle Stripe webhooks
└── app.css                   # Global styles

Stripe Webhooks (Local Dev)

stripe listen --forward-to localhost:5173/api/webhook

Customization

• Products: Edit src/lib/data/products.ts
• Styles: Modify CSS custom properties in src/app.css
• Database: Replace the static product data with your preferred DB (Prisma, Drizzle, etc.)

Deploy

Works with any SvelteKit adapter — Vercel, Netlify, Cloudflare Pages, Node, etc.

npm run build
npm run preview

License

MIT