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.
- 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
- Both high since it's a simple demo:
- GitHub actions to run build, unit and Cypress tests
yarn install
yarn dev
Execute the helper script.
node scripts/useDefaultSvelteTemplate.js
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.
- 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
Can start with the list of items in the TODO section.