mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Jack SuttonandGitHub
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).