schelmo / svelte-routify-windi-vite

Svelte Starter template with Routify file-based router, WindiCSS Tailwind compiler and Vite

Svelte Routify WindiCSS Vite

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.

Install

git clone https://github.com/reepolee/svelte-routify-windi-vite.git best-dx
cd best-dx
npm i
npm run dev

SSG

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.

VS Code IntelliSense.

Install the official WindiCSS VS Code plugin for better experience.

WindiCSS Extension

WORK IN PROGRESS

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.