Svelte-Kit Starter

A modern SvelteKit monorepo with shared UI components and configuration.

Overview

• Website Application: SvelteKit app in apps/website
• Shared UI Components: Reusable components in packages/ui
• Shared Configuration: Common config and enums in packages/config
• Internationalization: Multi-language support via @inlang/paraglide-js
• Tooling: Turbo, Biome, PNPM

Explore with LLM

Before diving into the code, paste the project structure or this README into your LLM of choice. It'll help you quickly understand the monorepo layout, conventions, resources and where things live so you can start building faster.

Getting Started

Prerequisites: Node.js v20+, PNPM v10+

# Clone (click "Use this template" or clone directly)
# Delete the .git directory if cloning directly

# Install dependencies
pnpm install

# Start dev server
pnpm dev

Other commands: pnpm build, pnpm test, pnpm check, pnpm format, pnpm check-types, pnpm preview

Project Structure

├── apps/
│   └── website/          # SvelteKit application
├── packages/
│   ├── config/           # Shared configuration
│   └── ui/               # Shared UI components
├── package.json
├── pnpm-workspace.yaml
└── turbo.json

Technologies

• SvelteKit / Svelte 5
• TypeScript
• Tailwind CSS
• @inlang/paraglide-js
• PNPM / Turborepo / Biome / Vite
• shadcn-svelte + shadcn-svelte-extras
• Lucide Svelte

Adding UI Components

# shadcn-svelte (from project root)
pnpm run shadcn <component name>

# shadcn-svelte-extras (from project root)
pnpm run shadcn-extra <component name>

Consult the documentation for component names.

Environment Variables

Check .env.example in apps/website for required environment variables.

Resources

• shadcn-svelte - Component library
• shadcn-svelte-extras - Additional components
• svelte-ai-elements - AI-powered Svelte elements

License

MIT - see LICENSE