vite-svelte Svelte Themes

Vite Svelte

SvelteKit with Vite template project

SvelteKit + 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

Top categories

Loading Svelte Themes