rsnext/examples/with-compiled-css
Henrik Wenz 92aafcbcf1
[Docs] Add config types to all examples (#40083)
<!--
Thanks for opening a PR! Your contribution is much appreciated.
In order to make sure your PR is handled as smoothly as possible we request that you follow the checklist sections below.
Choose the right checklist for the change that you're making:
-->

## Summary

- Added jsdoc typing for all examples using `next.config.js`
- Added jsdoc typing for all examples using `tailwind.config.js`

## Documentation / Examples

- [x] Make sure the linting passes by running `pnpm lint`
- [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
2022-08-31 16:41:22 -05:00
..
components chore: adds compiled css example (#22786) 2021-03-08 21:25:49 +00:00
pages chore: adds compiled css example (#22786) 2021-03-08 21:25:49 +00:00
style chore: adds compiled css example (#22786) 2021-03-08 21:25:49 +00:00
.babelrc chore: adds compiled css example (#22786) 2021-03-08 21:25:49 +00:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next.config.js [Docs] Add config types to all examples (#40083) 2022-08-31 16:41:22 -05:00
package.json Clean up examples package.json (#27121) 2021-07-12 19:58:03 +00:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00

Example app with Compiled (CSS-in-JS)

This example features how to use Compiled as the build time CSS-in-JS styling solution instead of styled-jsx.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-compiled-css with-compiled-css-app
yarn create next-app --example with-compiled-css with-compiled-css-app
pnpm create next-app --example with-compiled-css with-compiled-css-app

Deploy it to the cloud with Vercel (Documentation).