sveltekit-shop

⚠️ Demo project with basic functionality and not production‑ready.

Intended for demos and learning; not a full real‑world online shop. It omits many production features (payments, security hardening, scalability, edge cases).

Tech Stack

• SvelteKit - the framework
• Styling: Tailwind CSS and components by shadcn-svelte
• Authentication: better-auth (with Drizzle adapter)
• Database: drizzle-orm + PostgreSQL
• Utils: Superforms and zod for synced client/server-side form validation

The design is inspired by this Figma e-commerce template.

Getting Started

Follow these steps to get your local environment up and running:

1. Copy and configure environment variables:

   cp .env.example .env
   # Edit .env and update:
   # - DATABASE_URL
   # - BETTER_AUTH_SECRET
   # - GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET
   

2. Install dependencies and start the database:

   pnpm install         # Install project dependencies
   pnpm run db:start    # Start PostgreSQL via Docker Compose
   

3. Run database migrations and seeders:

   pnpm run db:migrate  # Run database migrations
   pnpm run db:seed     # Seed the database with initial data
   

4. Start the development server:

   pnpm run dev         # Start the dev server
   

Or use npm/yarn if you prefer!

Building

To create a production build:

pnpm run build

Preview it with:

pnpm run preview

License

MIT (see LICENSE)