27655dbba7
### What? - Adds an updated Vanilla Extract example - ~~Note that `@vanilla-extract/next-plugin` currently requires `experimental: { appDir: true }` to be set.~~ ### Why? - The [documentation](https://nextjs.org/docs/app/building-your-application/styling/css-in-js) currently links to a [personal repo](https://github.com/SuttonJack/vanilla-extract-app-dir) - Closes https://github.com/SuttonJack/vanilla-extract-app-dir/issues/2 <p align="center"><img width="600" src="https://github.com/vercel/next.js/assets/92991945/eeab322e-e75e-4999-9fe7-39aa15c45c11" /></p> -->
1.2 KiB
1.2 KiB
Next.js + vanilla-extract Example
This example demonstrates usage of Vanilla Extract with the app directory.
Deploy your own
Deploy the example using Vercel:
How to use
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-vanilla-extract with-vanilla-extract-app
yarn create next-app --example with-vanilla-extract with-vanilla-extract-app
pnpm create next-app --example with-vanilla-extract with-vanilla-extract-app
Deploy it to the cloud with Vercel (Documentation).