SvelteKit Starter

This is an opinionated PWA ready sveltekit starter project with folders structured in favor of the Clean Architecture.

Preview link

stars:

Features

• HTML template by Joshua Comeau for basic SEO support
• tailwindcss setup
• SASS setup (it's useful sometimes)
• CSS reset based on Joshua Comeau's article
• Prettier setup
  • tab width of 6 spaces
• Vitest
• TypeScript support
• QR Code for localhost URL printed in terminal with the support of qrcode-terminal
• utilities
  • device detection
  • 2 frequently used Svelte actions:
    • clickoutside
    • pannable
  • more useful actions and utils from @svelteuidev/composables

TODO

• service worker support offline usage

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.