rsnext/examples/with-emotion-11
Aziz Khambati b72b8e225d [with-emotion-10,11] Update emotion examples to v10 & v11 (#9646)
* Update emotion to v10, use @emotion/core, @emotion/styled

* Add with-emotion-11 and make review changes

* Fix package names and run prettier

* fix readmes

Co-authored-by: Joe Haddad <timer150@gmail.com>
2020-01-20 16:26:22 -05:00
..
pages [with-emotion-10,11] Update emotion examples to v10 & v11 (#9646) 2020-01-20 16:26:22 -05:00
shared [with-emotion-10,11] Update emotion examples to v10 & v11 (#9646) 2020-01-20 16:26:22 -05:00
package.json [with-emotion-10,11] Update emotion examples to v10 & v11 (#9646) 2020-01-20 16:26:22 -05:00
README.md [with-emotion-10,11] Update emotion examples to v10 & v11 (#9646) 2020-01-20 16:26:22 -05:00

Pass Server Data Directly to a Next.js Page during SSR

Extract and inline critical css with @emotion/react and @emotion/styled

Deploy your own

Deploy the example using ZEIT Now:

Deploy with ZEIT Now

How to use

Using create-next-app

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

npm init next-app --example with-emotion-11 with-emotion-11-app
# or
yarn create next-app --example with-emotion-11 with-emotion-11-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-emotion-11
cd with-emotion-11

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with now (download):

now