A starter template for Svelte Application with Typescript, uses Routify file-based router, WindiCSS to compile TailwindCSS and Vite.
Svelte
Routify
Vite
WindiCSS
TypeScript
Kudos to all the respective authors, special thanks to @jakobrosenberg and @dominikg.
git clone https://github.com/reepolee/svelte-routify-windi-vite.git best-dx
cd best-dx
npm i
npm run dev
For SSG you can use Spank:
npm run build
npx spank
Ignore error messages about deleting temp files on Windows.
dist folder now contains predrendered pages. It renders pages automatically from Routify config. To serve, just run
npx spassr
Your web app is now served at port 5000 on localhost.
Upload dist to any web server or JAMstack service like Netlify, Vercel or Cloudflare and you're good to go.
Install the official WindiCSS VS Code plugin for better experience.
Please mind this is an experimental template, based on pre-production versions of ViteJS and WindiCSS. It was born out of frustration with slow development experience of other bundlers and compilers, but as technology changes, I might change my focus away from any of used packages.