store-sveltekit Svelte Themes

Store Sveltekit

A modern SvelteKit demo for an online store.

๐Ÿ›’ store-sveltekit

โš ๏ธ EARLY WORK IN PROGRESS! โš ๏ธ

Welcome! This project is in its infancy. Expect a lot of missing features and bugs! ๐Ÿš€

๐Ÿงฉ Tech Stack

  • ๐Ÿงก SvelteKit โ€” the backbone
  • ๐Ÿ’… 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)

Top categories

Loading Svelte Themes