astro-vanilla-extract-demo icon indicating copy to clipboard operation
astro-vanilla-extract-demo copied to clipboard

Basic demo of Astro and vanilla-extract

astro-vanilla-extract-demo

This is a basic demo of using Astro with vanilla-extract.

Since Astro uses Vite, all we need to do is install @vanilla-extract/vite-plugin (along with @vanilla-extract/css for use within .css.ts files), then add an instance of the plugin to the vite.plugins array in our astro.config.mjs file. We're then free to create .css.ts files and import them within our .astro files.

Getting started

This project uses pnpm.

pnpm install
pnpm dev

License

MIT.