Emotion Example

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

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

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

npx create-next-app --example with-emotion with-emotion-app
# or
yarn create next-app --example with-emotion with-emotion-app
# or
pnpm create next-app -- --example with-emotion with-emotion-app

Deploy it to the cloud with Vercel (Documentation).