rsnext/examples/with-emotion-swc
John Daly f544a90ca4
Update with-emotion-swc to use TypeScript (#38744)
* Updating the with-emotion-swc example to use TypeScript

* Updating dependencies

* Adding @types packages for react and react-dom

* Adding @types/node
2022-07-18 13:25:33 -05:00
..
pages Update with-emotion-swc to use TypeScript (#38744) 2022-07-18 13:25:33 -05:00
shared Update with-emotion-swc to use TypeScript (#38744) 2022-07-18 13:25:33 -05:00
.gitignore Update with-emotion-swc to use TypeScript (#38744) 2022-07-18 13:25:33 -05:00
next-env.d.ts Update with-emotion-swc to use TypeScript (#38744) 2022-07-18 13:25:33 -05:00
next.config.js Stabilize SWC emotion transform plugin (#37058) 2022-05-21 04:09:30 +00:00
package.json Update with-emotion-swc to use TypeScript (#38744) 2022-07-18 13:25:33 -05:00
README.md Update pnpm create next-app for latest pnpm 6 and 7 (#37254) 2022-05-27 21:21:40 +00:00
tsconfig.json Update with-emotion-swc to use TypeScript (#38744) 2022-07-18 13:25:33 -05:00

Emotion Example

Extract and inline critical css with @emotion/css, @emotion/server, @emotion/react, and @emotion/styled.

Preview

Preview the example live on StackBlitz:

Open in StackBlitz

Deploy your own

Deploy the example using Vercel:

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-emotion-swc with-emotion-swc-app
# or
yarn create next-app --example with-emotion-swc with-emotion-swc-app
# or
pnpm create next-app --example with-emotion-swc with-emotion-swc-app

Deploy it to the cloud with Vercel (Documentation).