aliaset
Version:
twind monorepo
18 lines (12 loc) • 1.03 kB
Markdown
# Example: Sveltekit
> Try it live at [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/with-sveltekit) or [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/with-sveltekit).
## How does this work?
1. use twind in [src/routes/+layout.ts](./src/routes/+layout.svelte)
2. use [@twind/with-sveltekit](https://github.com/tw-in-js/twind/tree/main/packages/with-sveltekit) in [src/hooks.server.ts](./src/hooks.server.ts) to enable server-side rendering (SSR) of styles
3. (optional) a dedicated [src/twind.config](./src/twind.config.ts)
## What is included?
- [sveltekit](https://www.npmjs.com/package/@sveltejs/kit)
- [@twind/core](https://github.com/tw-in-js/twind/tree/main/packages/core)
- [@twind/preset-autoprefix](https://github.com/tw-in-js/twind/tree/main/packages/preset-autoprefix)
- [@twind/preset-tailwind](https://github.com/tw-in-js/twind/tree/main/packages/preset-tailwind)
- [@twind/with-sveltekit](https://github.com/tw-in-js/twind/tree/main/packages/with-sveltekit)