https://github.com/rodneylab/sveltekit-vanilla-extract

Using vanilla-extract with SvelteKit: how you can make zero-runtime stylesheets with the new TypeScript friendly preprocessor in Svelte.
https://github.com/rodneylab/sveltekit-vanilla-extract

css css-in-js css-in-ts svelte sveltekit typescript vanilla-extract

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-vanilla-extract
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2021-09-08T18:11:55.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-17T13:24:43.000Z (about 1 year ago)
• Last Synced: 2024-05-08T23:06:32.192Z (9 months ago)
• Topics: css, css-in-js, css-in-ts, svelte, sveltekit, typescript, vanilla-extract
• Language: TypeScript
• Homepage:
• Size: 1.01 MB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  SvelteKit vanilla-extract



# sveltekit-vanilla-extract

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/sveltekit-vanilla-extract)

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!

```bash

git clone https://github.com/rodneylab/sveltekit-vanilla-extract.git

cd sveltekit-vanilla-extract

pnpm install # or npm install

pnpm run dev

```

## Building

```bash

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](https://matrix.to/#/%23rodney:matrix.org).