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>
-->
|
||
|---|---|---|
| .. | ||
| app | ||
| components | ||
| public | ||
| .gitignore | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
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).