Emotion Example

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

Preview

Preview the example live on StackBlitz:

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-emotion-swc with-emotion-swc-app

yarn create next-app --example with-emotion-swc with-emotion-swc-app

pnpm create next-app --example with-emotion-swc with-emotion-swc-app

Deploy it to the cloud with Vercel (Documentation).