/sveltekit-vanilla-extract

Using vanilla-extract with SvelteKit: how you can make zero-runtime stylesheets with the new TypeScript friendly preprocessor in Svelte.

Primary LanguageTypeScriptBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Rodney Lab sveltekit-vanilla-extract Github banner

Rodney Lab logo

SvelteKit vanilla-extract

sveltekit-vanilla-extract

Open in StackBlitz

Demo code for getting started with vanilla-extract in SvelteKit. The code accompanies the post on using vanilla-extract with SvelteKit. If you have any questions, please drop a comment at the bottom of that page. You can see the full working example at sveltekit-vanilla-extract.rodneylab.com/.

Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

git clone https://github.com/rodneylab/sveltekit-vanilla-extract.git
cd sveltekit-vanilla-extract
pnpm install # or npm install
pnpm run dev

Building

pnpm run build

You can preview the built app with pnpm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Feel free to jump into the Rodney Lab matrix chat room.