Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[with-emotion-10,11] Update emotion examples to v10 & v11 #9646

Merged
merged 8 commits into from Jan 20, 2020

Conversation

azizhk
Copy link
Contributor

@azizhk azizhk commented Dec 6, 2019

Following https://emotion.sh/docs/migrating-to-emotion-10

I know that Emotion does support out of the box SSR now but it has some issues:

So that is why this is needed.

@ijjk
Copy link
Member

ijjk commented Dec 6, 2019

Stats from current PR

Default Server Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 12.5s 12.5s ⚠️ +49ms
nodeModulesSize 45.5 MB 45.5 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js 18.3 kB 18.3 kB
main-HASH.js gzip 6.44 kB 6.44 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
16b1a7225520..10012f496.js 20 kB 20 kB
16b1a7225520..f496.js gzip 7.42 kB 7.42 kB
4952ddcd88e7..49d7903c2.js 9.61 kB 9.61 kB
4952ddcd88e7..03c2.js gzip 3.77 kB 3.77 kB
commons.HASH.js 10.4 kB 10.4 kB
commons.HASH.js gzip 3.91 kB 3.91 kB
de003c3a9d30..a5a0ede39.js 21.2 kB 21.2 kB
de003c3a9d30..de39.js gzip 8.19 kB 8.19 kB
framework.HASH.js 126 kB 126 kB
framework.HASH.js gzip 39.5 kB 39.5 kB
Overall change 207 kB 207 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js 14.2 kB 14.2 kB
main-HASH.module.js gzip 5.36 kB 5.36 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH..dule.js gzip 746 B 746 B
16b1a7225520..e5.module.js 21.2 kB 21.2 kB
16b1a7225520..dule.js gzip 8.18 kB 8.18 kB
4952ddcd88e7..cc.module.js 11.9 kB 11.9 kB
4952ddcd88e7..dule.js gzip 4.42 kB 4.42 kB
de003c3a9d30..80.module.js 15 kB 15 kB
de003c3a9d30..dule.js gzip 6.15 kB 6.15 kB
framework.HASH.module.js 126 kB 126 kB
framework.HA..dule.js gzip 39.4 kB 39.4 kB
Overall change 189 kB 189 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js 15.3 kB 15.3 kB
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 15.3 kB 15.3 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js 2.93 kB 2.93 kB
_app.js gzip 1.33 kB 1.33 kB
_error.js 13.2 kB 13.2 kB
_error.js gzip 5.11 kB 5.11 kB
hooks.js 1.92 kB 1.92 kB
hooks.js gzip 943 B 943 B
index.js 318 B 318 B
index.js gzip 222 B 222 B
link.js 6.78 kB 6.78 kB
link.js gzip 2.89 kB 2.89 kB
routerDirect.js 413 B 413 B
routerDirect.js gzip 285 B 285 B
withRouter.js 423 B 423 B
withRouter.js gzip 284 B 284 B
Overall change 26 kB 26 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js 1.53 kB 1.53 kB
_app.module.js gzip 745 B 745 B
_error.module.js 10.3 kB 10.3 kB
_error.module.js gzip 4.24 kB 4.24 kB
hooks.module.js 651 B 651 B
hooks.module.js gzip 371 B 371 B
index.module.js 276 B 276 B
index.module.js gzip 212 B 212 B
link.module.js 5.45 kB 5.45 kB
link.module.js gzip 2.46 kB 2.46 kB
routerDirect.module.js 386 B 386 B
routerDirect..dule.js gzip 275 B 275 B
withRouter.module.js 396 B 396 B
withRouter.m..dule.js gzip 274 B 274 B
Overall change 19 kB 19 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js 244 B 244 B
_buildManifest.js gzip 200 B 200 B
_buildManifest.module.js 251 B 251 B
_buildManife..dule.js gzip 209 B 209 B
Overall change 495 B 495 B
Rendered Page Sizes
zeit/next.js canary azizhk/next.js update-with-emotion Change
index.html 4.06 kB 4.06 kB
index.html gzip 1.03 kB 1.03 kB
link.html 4.58 kB 4.58 kB
link.html gzip 1.11 kB 1.11 kB
withRouter.html 4.59 kB 4.59 kB
withRouter.html gzip 1.1 kB 1.1 kB
Overall change 13.2 kB 13.2 kB

Serverless Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 12.8s 13s ⚠️ +141ms
nodeModulesSize 45.5 MB 45.5 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js 18.3 kB 18.3 kB
main-HASH.js gzip 6.44 kB 6.44 kB
webpack-HASH.js 1.53 kB 1.53 kB
webpack-HASH.js gzip 746 B 746 B
16b1a7225520..10012f496.js 20 kB 20 kB
16b1a7225520..f496.js gzip 7.42 kB 7.42 kB
4952ddcd88e7..49d7903c2.js 9.61 kB 9.61 kB
4952ddcd88e7..03c2.js gzip 3.77 kB 3.77 kB
commons.HASH.js 10.4 kB 10.4 kB
commons.HASH.js gzip 3.91 kB 3.91 kB
de003c3a9d30..a5a0ede39.js 21.2 kB 21.2 kB
de003c3a9d30..de39.js gzip 8.19 kB 8.19 kB
framework.HASH.js 126 kB 126 kB
framework.HASH.js gzip 39.5 kB 39.5 kB
Overall change 207 kB 207 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js 14.2 kB 14.2 kB
main-HASH.module.js gzip 5.36 kB 5.36 kB
webpack-HASH.module.js 1.53 kB 1.53 kB
webpack-HASH..dule.js gzip 746 B 746 B
16b1a7225520..e5.module.js 21.2 kB 21.2 kB
16b1a7225520..dule.js gzip 8.18 kB 8.18 kB
4952ddcd88e7..cc.module.js 11.9 kB 11.9 kB
4952ddcd88e7..dule.js gzip 4.42 kB 4.42 kB
de003c3a9d30..80.module.js 15 kB 15 kB
de003c3a9d30..dule.js gzip 6.15 kB 6.15 kB
framework.HASH.module.js 126 kB 126 kB
framework.HA..dule.js gzip 39.4 kB 39.4 kB
Overall change 189 kB 189 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js 15.3 kB 15.3 kB
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 15.3 kB 15.3 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js 2.93 kB 2.93 kB
_app.js gzip 1.33 kB 1.33 kB
_error.js 13.2 kB 13.2 kB
_error.js gzip 5.11 kB 5.11 kB
hooks.js 1.92 kB 1.92 kB
hooks.js gzip 943 B 943 B
index.js 318 B 318 B
index.js gzip 222 B 222 B
link.js 6.78 kB 6.78 kB
link.js gzip 2.89 kB 2.89 kB
routerDirect.js 413 B 413 B
routerDirect.js gzip 285 B 285 B
withRouter.js 423 B 423 B
withRouter.js gzip 284 B 284 B
Overall change 26 kB 26 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js 1.53 kB 1.53 kB
_app.module.js gzip 745 B 745 B
_error.module.js 10.3 kB 10.3 kB
_error.module.js gzip 4.24 kB 4.24 kB
hooks.module.js 651 B 651 B
hooks.module.js gzip 371 B 371 B
index.module.js 276 B 276 B
index.module.js gzip 212 B 212 B
link.module.js 5.45 kB 5.45 kB
link.module.js gzip 2.46 kB 2.46 kB
routerDirect.module.js 386 B 386 B
routerDirect..dule.js gzip 275 B 275 B
withRouter.module.js 396 B 396 B
withRouter.m..dule.js gzip 274 B 274 B
Overall change 19 kB 19 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js 244 B 244 B
_buildManifest.js gzip 200 B 200 B
_buildManifest.module.js 251 B 251 B
_buildManife..dule.js gzip 209 B 209 B
Overall change 495 B 495 B
Serverless bundles
zeit/next.js canary azizhk/next.js update-with-emotion Change
_error.js 256 kB 256 kB
_error.js gzip 67.9 kB 67.9 kB
hooks.html 4.19 kB 4.19 kB
hooks.html gzip 1.07 kB 1.07 kB
index.js 256 kB 256 kB
index.js gzip 68 kB 68 kB
link.js 289 kB 289 kB
link.js gzip 77.2 kB 77.2 kB
routerDirect.js 282 kB 282 kB
routerDirect.js gzip 75.2 kB 75.2 kB
withRouter.js 282 kB 282 kB
withRouter.js gzip 75.3 kB 75.3 kB
Overall change 1.37 MB 1.37 MB

Commit: 313d5bf

@@ -0,0 +1,2 @@
import createCache from '@emotion/cache'
export const emotionCache = createCache()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this works, but if you dont need to configure cache you might want to just reuse the one in emotion package

import { cache } from 'emotion'
``

Then you could also just use `emotion-server` instead of `create-emotion-server` (for simplicity). 

@azizhk azizhk changed the title Update emotion to v10, use @emotion/core, @emotion/styled [WIP][with-emotion-fiber] Update emotion to v10, use @emotion/core, @emotion/styled Dec 10, 2019
@ijjk ijjk added the example bug Issue was opened via the example bug report template. label Dec 21, 2019
@timneutkens
Copy link
Member

@azizhk is this still work in progress?

@azizhk
Copy link
Contributor Author

azizhk commented Dec 31, 2019

Sorry for the clutter @timneutkens
Emotion v11 was expected to be released before the year end. emotion-js/emotion#1606
I was hoping to use the new package naming strategy and completely jump v10.
But I guess I'll get on to finishing Andarist comments today and create a different example for emotion v11

@Andarist
Copy link
Contributor

Andarist commented Jan 1, 2020

Yeah - sorry for not delivering v11 yet. With holidays and all in December, it was hard to put much time into the project. There is not that much left to do, so hopefully, we should ship soon-ish. Keep in mind that we do this in our free time, so even if we don't have much left to do it still can take few more weeks.

@azizhk
Copy link
Contributor Author

azizhk commented Jan 1, 2020

@Andarist you don't need to apologise. Respect for all open source developers. 🤗
Take your time to ship.

@azizhk
Copy link
Contributor Author

azizhk commented Jan 6, 2020

@Andarist I've made the requested changes:
I've created two folders: with-emotion-10 and with-emotion-11.
Following the renaming convention: emotion-js/emotion#1635

@azizhk azizhk changed the title [WIP][with-emotion-fiber] Update emotion to v10, use @emotion/core, @emotion/styled [with-emotion-10,11] Update emotion to v10 & v11, use @emotion/core, @emotion/styled Jan 6, 2020
@ijjk
Copy link
Member

ijjk commented Jan 6, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 13.2s 13s -161ms
nodeModulesSize 48.9 MB 48.9 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js gzip 5.13 kB 5.13 kB
webpack-HASH.js gzip 746 B 746 B
4952ddcd88e7..54d3.js gzip 4.68 kB 4.68 kB
commons.HASH.js gzip 4.06 kB 4.06 kB
de003c3a9d30..4cf7.js gzip 13.7 kB 13.7 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 67.5 kB 67.5 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js gzip 4.19 kB 4.19 kB
webpack-HASH..dule.js gzip 746 B 746 B
4952ddcd88e7..dule.js gzip 5.56 kB 5.56 kB
de003c3a9d30..dule.js gzip 12.5 kB 12.5 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 62.1 kB 62.1 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 4.76 kB 4.76 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js gzip 1.33 kB 1.33 kB
_error.js gzip 4.07 kB 4.07 kB
hooks.js gzip 779 B 779 B
index.js gzip 222 B 222 B
link.js gzip 2.9 kB 2.9 kB
routerDirect.js gzip 283 B 283 B
withRouter.js gzip 282 B 282 B
Overall change 9.87 kB 9.87 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js gzip 757 B 757 B
_error.module.js gzip 3.06 kB 3.06 kB
hooks.module.js gzip 371 B 371 B
index.module.js gzip 212 B 212 B
link.module.js gzip 2.47 kB 2.47 kB
routerDirect..dule.js gzip 273 B 273 B
withRouter.m..dule.js gzip 272 B 272 B
Overall change 7.41 kB 7.41 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js gzip 61 B 61 B
_buildManife..dule.js gzip 61 B 61 B
Overall change 122 B 122 B
Rendered Page Sizes
zeit/next.js canary azizhk/next.js update-with-emotion Change
index.html gzip 1.02 kB 1.02 kB
link.html gzip 1.03 kB 1.03 kB
withRouter.html gzip 1.02 kB 1.02 kB
Overall change 3.07 kB 3.07 kB

Serverless Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 13.7s 13.6s -112ms
nodeModulesSize 48.9 MB 48.9 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js gzip 5.13 kB 5.13 kB
webpack-HASH.js gzip 746 B 746 B
4952ddcd88e7..54d3.js gzip 4.68 kB 4.68 kB
commons.HASH.js gzip 4.06 kB 4.06 kB
de003c3a9d30..4cf7.js gzip 13.7 kB 13.7 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 67.5 kB 67.5 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js gzip 4.19 kB 4.19 kB
webpack-HASH..dule.js gzip 746 B 746 B
4952ddcd88e7..dule.js gzip 5.56 kB 5.56 kB
de003c3a9d30..dule.js gzip 12.5 kB 12.5 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 62.1 kB 62.1 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 4.76 kB 4.76 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js gzip 1.33 kB 1.33 kB
_error.js gzip 4.07 kB 4.07 kB
hooks.js gzip 779 B 779 B
index.js gzip 222 B 222 B
link.js gzip 2.9 kB 2.9 kB
routerDirect.js gzip 283 B 283 B
withRouter.js gzip 282 B 282 B
Overall change 9.87 kB 9.87 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js gzip 757 B 757 B
_error.module.js gzip 3.06 kB 3.06 kB
hooks.module.js gzip 371 B 371 B
index.module.js gzip 212 B 212 B
link.module.js gzip 2.47 kB 2.47 kB
routerDirect..dule.js gzip 273 B 273 B
withRouter.m..dule.js gzip 272 B 272 B
Overall change 7.41 kB 7.41 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js gzip 61 B 61 B
_buildManife..dule.js gzip 61 B 61 B
Overall change 122 B 122 B
Serverless bundles
zeit/next.js canary azizhk/next.js update-with-emotion Change
_error.js gzip 77.8 kB 77.8 kB
hooks.html gzip 1.06 kB 1.06 kB
index.js gzip 78 kB 78 kB
link.js gzip 80.4 kB 80.4 kB
routerDirect.js gzip 78.1 kB 78.1 kB
withRouter.js gzip 78.1 kB 78.1 kB
Overall change 393 kB 393 kB

Commit: 7e12529

@@ -12,11 +12,12 @@
"author": "Thomas Greco",
"license": "ISC",
"dependencies": {
"emotion": "^8.0.11",
"emotion-server": "^8.0.11",
"@emotion/core": "10.0.27",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this package.json probably shouldn't have the same "name" as the one targeting v11

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

@ijjk
Copy link
Member

ijjk commented Jan 7, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 14.2s 13.9s -283ms
nodeModulesSize 48.9 MB 48.9 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js gzip 5.13 kB 5.13 kB
webpack-HASH.js gzip 746 B 746 B
4952ddcd88e7..54d3.js gzip 4.68 kB 4.68 kB
commons.HASH.js gzip 4.06 kB 4.06 kB
de003c3a9d30..4cf7.js gzip 13.7 kB 13.7 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 67.5 kB 67.5 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js gzip 4.19 kB 4.19 kB
webpack-HASH..dule.js gzip 746 B 746 B
4952ddcd88e7..dule.js gzip 5.56 kB 5.56 kB
de003c3a9d30..dule.js gzip 12.5 kB 12.5 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 62.1 kB 62.1 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 4.76 kB 4.76 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js gzip 1.33 kB 1.33 kB
_error.js gzip 4.07 kB 4.07 kB
hooks.js gzip 779 B 779 B
index.js gzip 222 B 222 B
link.js gzip 2.9 kB 2.9 kB
routerDirect.js gzip 283 B 283 B
withRouter.js gzip 282 B 282 B
Overall change 9.87 kB 9.87 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js gzip 757 B 757 B
_error.module.js gzip 3.06 kB 3.06 kB
hooks.module.js gzip 371 B 371 B
index.module.js gzip 212 B 212 B
link.module.js gzip 2.47 kB 2.47 kB
routerDirect..dule.js gzip 273 B 273 B
withRouter.m..dule.js gzip 272 B 272 B
Overall change 7.41 kB 7.41 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js gzip 61 B 61 B
_buildManife..dule.js gzip 61 B 61 B
Overall change 122 B 122 B
Rendered Page Sizes
zeit/next.js canary azizhk/next.js update-with-emotion Change
index.html gzip 1.02 kB 1.02 kB
link.html gzip 1.03 kB 1.03 kB
withRouter.html gzip 1.02 kB 1.02 kB
Overall change 3.07 kB 3.07 kB

Serverless Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 14.3s 14.3s ⚠️ +31ms
nodeModulesSize 48.9 MB 48.9 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js gzip 5.13 kB 5.13 kB
webpack-HASH.js gzip 746 B 746 B
4952ddcd88e7..54d3.js gzip 4.68 kB 4.68 kB
commons.HASH.js gzip 4.06 kB 4.06 kB
de003c3a9d30..4cf7.js gzip 13.7 kB 13.7 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 67.5 kB 67.5 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js gzip 4.19 kB 4.19 kB
webpack-HASH..dule.js gzip 746 B 746 B
4952ddcd88e7..dule.js gzip 5.56 kB 5.56 kB
de003c3a9d30..dule.js gzip 12.5 kB 12.5 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 62.1 kB 62.1 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 4.76 kB 4.76 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js gzip 1.33 kB 1.33 kB
_error.js gzip 4.07 kB 4.07 kB
hooks.js gzip 779 B 779 B
index.js gzip 222 B 222 B
link.js gzip 2.9 kB 2.9 kB
routerDirect.js gzip 283 B 283 B
withRouter.js gzip 282 B 282 B
Overall change 9.87 kB 9.87 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js gzip 757 B 757 B
_error.module.js gzip 3.06 kB 3.06 kB
hooks.module.js gzip 371 B 371 B
index.module.js gzip 212 B 212 B
link.module.js gzip 2.47 kB 2.47 kB
routerDirect..dule.js gzip 273 B 273 B
withRouter.m..dule.js gzip 272 B 272 B
Overall change 7.41 kB 7.41 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js gzip 61 B 61 B
_buildManife..dule.js gzip 61 B 61 B
Overall change 122 B 122 B
Serverless bundles
zeit/next.js canary azizhk/next.js update-with-emotion Change
_error.js gzip 77.7 kB 77.7 kB
hooks.html gzip 1.05 kB 1.05 kB
index.js gzip 78 kB 78 kB
link.js gzip 80.3 kB 80.3 kB
routerDirect.js gzip 78 kB 78 kB
withRouter.js gzip 78.1 kB 78.1 kB
Overall change 393 kB 393 kB

Commit: 91989bb

@ijjk
Copy link
Member

ijjk commented Jan 7, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 12.9s 12.8s -29ms
nodeModulesSize 48.9 MB 48.9 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js gzip 5.13 kB 5.13 kB
webpack-HASH.js gzip 746 B 746 B
4952ddcd88e7..54d3.js gzip 4.68 kB 4.68 kB
commons.HASH.js gzip 4.06 kB 4.06 kB
de003c3a9d30..4cf7.js gzip 13.7 kB 13.7 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 67.5 kB 67.5 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js gzip 4.19 kB 4.19 kB
webpack-HASH..dule.js gzip 746 B 746 B
4952ddcd88e7..dule.js gzip 5.56 kB 5.56 kB
de003c3a9d30..dule.js gzip 12.5 kB 12.5 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 62.1 kB 62.1 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 4.76 kB 4.76 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js gzip 1.33 kB 1.33 kB
_error.js gzip 4.07 kB 4.07 kB
hooks.js gzip 779 B 779 B
index.js gzip 222 B 222 B
link.js gzip 2.9 kB 2.9 kB
routerDirect.js gzip 283 B 283 B
withRouter.js gzip 282 B 282 B
Overall change 9.87 kB 9.87 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js gzip 757 B 757 B
_error.module.js gzip 3.06 kB 3.06 kB
hooks.module.js gzip 371 B 371 B
index.module.js gzip 212 B 212 B
link.module.js gzip 2.47 kB 2.47 kB
routerDirect..dule.js gzip 273 B 273 B
withRouter.m..dule.js gzip 272 B 272 B
Overall change 7.41 kB 7.41 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js gzip 61 B 61 B
_buildManife..dule.js gzip 61 B 61 B
Overall change 122 B 122 B
Rendered Page Sizes
zeit/next.js canary azizhk/next.js update-with-emotion Change
index.html gzip 1.02 kB 1.02 kB
link.html gzip 1.03 kB 1.03 kB
withRouter.html gzip 1.02 kB 1.02 kB
Overall change 3.07 kB 3.07 kB

Serverless Mode
General
zeit/next.js canary azizhk/next.js update-with-emotion Change
buildDuration 13.2s 13.2s ⚠️ +31ms
nodeModulesSize 48.9 MB 48.9 MB
Client Bundles (main, webpack, commons)
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.js gzip 5.13 kB 5.13 kB
webpack-HASH.js gzip 746 B 746 B
4952ddcd88e7..54d3.js gzip 4.68 kB 4.68 kB
commons.HASH.js gzip 4.06 kB 4.06 kB
de003c3a9d30..4cf7.js gzip 13.7 kB 13.7 kB
framework.HASH.js gzip 39.1 kB 39.1 kB
Overall change 67.5 kB 67.5 kB
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
main-HASH.module.js gzip 4.19 kB 4.19 kB
webpack-HASH..dule.js gzip 746 B 746 B
4952ddcd88e7..dule.js gzip 5.56 kB 5.56 kB
de003c3a9d30..dule.js gzip 12.5 kB 12.5 kB
framework.HA..dule.js gzip 39.1 kB 39.1 kB
Overall change 62.1 kB 62.1 kB
Legacy Client Bundles (polyfills)
zeit/next.js canary azizhk/next.js update-with-emotion Change
polyfills-HASH.js gzip 4.76 kB 4.76 kB
Overall change 4.76 kB 4.76 kB
Client Pages
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.js gzip 1.33 kB 1.33 kB
_error.js gzip 4.07 kB 4.07 kB
hooks.js gzip 779 B 779 B
index.js gzip 222 B 222 B
link.js gzip 2.9 kB 2.9 kB
routerDirect.js gzip 283 B 283 B
withRouter.js gzip 282 B 282 B
Overall change 9.87 kB 9.87 kB
Client Pages Modern
zeit/next.js canary azizhk/next.js update-with-emotion Change
_app.module.js gzip 757 B 757 B
_error.module.js gzip 3.06 kB 3.06 kB
hooks.module.js gzip 371 B 371 B
index.module.js gzip 212 B 212 B
link.module.js gzip 2.47 kB 2.47 kB
routerDirect..dule.js gzip 273 B 273 B
withRouter.m..dule.js gzip 272 B 272 B
Overall change 7.41 kB 7.41 kB
Client Build Manifests
zeit/next.js canary azizhk/next.js update-with-emotion Change
_buildManifest.js gzip 61 B 61 B
_buildManife..dule.js gzip 61 B 61 B
Overall change 122 B 122 B
Serverless bundles
zeit/next.js canary azizhk/next.js update-with-emotion Change
_error.js gzip 77.7 kB 77.7 kB
hooks.html gzip 1.05 kB 1.05 kB
index.js gzip 78 kB 78 kB
link.js gzip 80.3 kB 80.3 kB
routerDirect.js gzip 78 kB 78 kB
withRouter.js gzip 78.1 kB 78.1 kB
Overall change 393 kB 393 kB

Commit: 7456eab

@Timer Timer changed the title [with-emotion-10,11] Update emotion to v10 & v11, use @emotion/core, @emotion/styled [with-emotion-10,11] Update emotion examples to v10 & v11 Jan 20, 2020
Copy link
Member

@Timer Timer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@Timer Timer added this to the 9.2.1 milestone Jan 20, 2020
@Timer Timer merged commit b72b8e2 into vercel:canary Jan 20, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
example bug Issue was opened via the example bug report template.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants