SvelteKit + Vite

• Skill：SvelteKit (Svelte 5)、TypeScript
• Support Tool：ESLint、Prettier
• Package Manager: pnpm
• Frontend Tool：Vite

Features

• Svelte 5 Support: Optimized with Runes ($props, $derived) and Snippets ({@render}).
• SEO Ready: Built-in dynamic metadata management with APP_CONFIG.
• Clean Architecture: Idiomatic SvelteKit structure (layout-based styles, server hooks).
• Type Safe: Full TypeScript integration for both components and configurations.

How to run

1. Install Node.js LTS Version.

2. Install pnpm.

   Node.js version > v16.13

   corepack enable pnpm
   

   Node.js version < v16.13

   npm install pnpm -g
   

3. Install dependencies.

   pnpm install
   

4. Run app in dev env.

   pnpm run dev
   

How to build and preview

1. Build app.

   pnpm run build
   

2. Preview your prod env.

   pnpm run preview
   

How to lint and format

1. Check types and lint your app.

   pnpm run check
   pnpm run lint
   

Other Styling demo

• Sass
• Tailwind CSS