Examples

Every example lives in the examples folder of the repository and uses the same setup that the docs describe. The examples use the packages from the repository, so build them once in the repository root:

pnpm install
pnpm build && pnpm build:swc

Then run pnpm dev in an example folder to start it.

React

• Next.js: examples/next-js is an App Router app with theming through yak.context.ts. It runs on webpack with pnpm dev and on Turbopack with pnpm dev:turbo.
• Vite: examples/vite is a plain React app with the viteYak plugin. See the Vite guide for the setup.
• TanStack Start: examples/tanstack-start runs viteYak next to TanStack Start with React Server Components enabled.
• Rsbuild: examples/rsbuild uses the pluginYak plugin from @yak/react/rsbuild. See the Rsbuild guide for the setup.

Solid

• Vite + Solid: examples/vite-solid uses @yak/solid with Solid 2 and the yak plugin from @yak/solid/vite.

Storybook

• Storybook: examples/storybook has one setup for the Vite builder and one for the webpack builder, both with the @yak/storybook addon. Start them with pnpm storybook:vite or pnpm storybook:webpack. See the Storybook guide for the setup.