52 lines
1.6 KiB
Markdown
52 lines
1.6 KiB
Markdown
# Svelte Routify WindiCSS Vite
|
|
|
|
A starter template for Svelte Application with Typescript, uses Routify file-based router, WindiCSS to compile TailwindCSS and Vite.
|
|
|
|
[Svelte](https://svelte.dev)
|
|
[Routify](https://routify.dev)
|
|
[Vite](https://vitejs.dev)
|
|
[WindiCSS](https://windicss.org/)
|
|
[TypeScript](https://www.typescriptlang.org)
|
|
|
|
Kudos to all the respective authors, special thanks to [@jakobrosenberg](https://github.com/jakobrosenberg) and [@dominikg](https://github.com/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](https://github.com/roxiness/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](https://marketplace.visualstudio.com/items?itemName=voorjaar.windicss-intellisense)
|
|
|
|
## 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.
|