rsnext/examples/with-emotion
Joe Palmieri 26dffdcbf5
Update emotion example package names in readme (#22144)
The links for `emotion` and `emotion-server` in the emotion example's readme were 404ing.

After going to Emotion's repo, I noticed [the packages were renamed](https://github.com/emotion-js/emotion/issues/1635).

This PR updates the links: `emotion` -> `emotion/css` and `emotion-server` -> `emotion/server`
2021-02-16 08:45:13 +00:00
..
pages remove unneeded deps & updated example (#17651) 2020-10-29 02:31:17 +00:00
shared Upgrade Emotion example to React 17 and Emotion 11 and use automatic JSX runtime (#18620) 2020-11-19 23:10:26 +00:00
.babelrc Upgrade Emotion example to React 17 and Emotion 11 and use automatic JSX runtime (#18620) 2020-11-19 23:10:26 +00:00
.gitignore Added .gitignore to examples that are deployed to vercel (#15127) 2020-07-16 10:52:23 -04:00
package.json Upgrade Emotion example to React 17 and Emotion 11 and use automatic JSX runtime (#18620) 2020-11-19 23:10:26 +00:00
README.md Update emotion example package names in readme (#22144) 2021-02-16 08:45:13 +00:00

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:

Deploy with Vercel

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

Deploy it to the cloud with Vercel (Documentation).