SvelteKit Template

A minimal SvelteKit starter with auth, styling, and components pre-configured. Built to explore SvelteKit coming from Next.js App Router.

Stack

• SvelteKit — full-stack framework
• TailwindCSS — utility-first styling (with typography + forms plugins)
• Better Auth — authentication (email/password demo)
• shadcn-svelte — component library
• Drizzle ORM — type-safe queries (PostgreSQL via postgres.js + Docker)
• MCP — Claude Code integration (remote setup)

Quickstart

Clone and install:

pnpm install

Or scaffold from scratch with the same config:

pnpm dlx sv@0.12.7 create \
  --template minimal \
  --types ts \
  --add prettier eslint playwright \
      tailwindcss="plugins:typography,forms" \
      sveltekit-adapter="adapter:auto" \
      drizzle="database:postgresql+postgresql:postgres.js+docker:yes" \
      better-auth="demo:password" \
      mcp="ide:claude-code+setup:remote" \
  --install pnpm \
  sveltekit-template

Developing

pnpm dev

# open in browser automatically
pnpm dev -- --open

Building

pnpm build
pnpm preview  # preview the production build locally

Deploying? Install the appropriate SvelteKit adapter for your target environment.