Svelte template

Svelte starter template/boilerplate using a modern build process - Vite as the default bundler or Webpack 5 if needed/preferred, PostCSS, PurgeCSS, code splitting, lazy loading, simple, vanilla SPA router in TypeScript, unit testing, integration testing.

Features

• Svelte with TypeScript
• Vite as the default bundler
  • Webpack 5 version still available
• TailwindCSS
• PostCSS: Autoprefixer, PurgeCSS
• Code splitting
• Lazy loading
• High PageSpeed scores
  • Both high since it's a simple demo:
    • Mobile: 94-100
    • Desktop: 100
• GitHub actions to run build, unit and Cypress tests

Quick start

yarn install
yarn dev

View Demo

What if I want to use the minimal Svelte template instead?

Execute the helper script.

node scripts/useDefaultSvelteTemplate.js

Deploying

Production build assets are stored in dist. Static assets can be deployed to any server that supports it. Easy to deploy to any static host provider.

Google App Engine example configuration stored in app.yaml and demo deployed to vercel.

TODO

• Cleanup unused packages
• Add unit tests
• Add integration tests
• Add visual regression tests
• Add performance tests
• Add accessibility tests
• Add more pages
• Add real API services
• Update documentation
• Create virtual scroller
• Migrate Javascript modules to TypeScript

Contributions welcome!

Can start with the list of items in the TODO section.