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.

Sign up for GitHub

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

Jump to bottom

docs(debugging): explain how to debug in Chrome DevTools/VS Code #10807

Merged
merged 10 commits into from
May 23, 2020
Merged

docs(debugging): explain how to debug in Chrome DevTools/VS Code #10807

merged 10 commits into from
May 23, 2020

Conversation

vvo
Copy link
Member

@vvo vvo commented Mar 3, 2020 •
edited by timneutkens
Loading

This new documentation page explains how to debug your backend and frontend code in Chrome DevTools/VS Code. This works perfectly with full source map support for both Node.js and React code.

Fixes #4571
Fixes #8295
Fixes #7294
Fixes #10516

Fixes microsoft/vscode-recipes#80
Fixes microsoft/vscode-recipes#227
Fixes microsoft/vscode-recipes#245
Fixes microsoft/vscode-recipes#210
Fixes microsoft/vscode-recipes#195

@vvo vvo requested a review from Timer as a code owner March 3, 2020 13:48
@vvo
Copy link
Member Author

vvo commented Mar 3, 2020 •
edited
Loading

Hey there, I was not sure if you would accept such documentation addition but still felt like it would be useful either on Next.js website or on some other website like a blogpost on dev.to.

I have seen multiple issues about debugging and Next.js, when I tried it it just worked so I was surprised people were struggling with it (maybe old versions?)

Related/maybe fixed:

But also:

And:

Given all of that, having an official "debugging next.js" documentation page could help users maybe.

Example frontend debugging session in Chrome DevTools:

frontend:
image

backend (api route):
image

VS Code debugging session:

frontend:
image

backend (api route):
image

@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.4s 9.4s -29ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Increase detected ⚠️)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10s 10.3s ⚠️ +317ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall increase ⚠️
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB -86 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 292 kB ⚠️ +6 B
link.js gzip 299 kB 300 kB ⚠️ +579 B
routerDirect.js gzip 298 kB 298 kB -174 B
withRouter.js gzip 298 kB 298 kB ⚠️ +147 B
Overall change 1.48 MB 1.48 MB ⚠️ +472 B

@vvo vvo force-pushed the docs/debugging-in-chrome-devtools branch from 80fdfa3 to 995e13f Compare March 3, 2020 13:58
@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10.3s 10.6s ⚠️ +261ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 11.5s 11.5s ⚠️ +51ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB -578 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 292 kB ⚠️ +159 B
link.js gzip 299 kB 299 kB -53 B
routerDirect.js gzip 299 kB 299 kB ⚠️ +105 B
withRouter.js gzip 298 kB 298 kB -248 B
Overall change 1.48 MB 1.48 MB -615 B

@vvo vvo force-pushed the docs/debugging-in-chrome-devtools branch from 995e13f to 38809be Compare March 3, 2020 14:27
@vvo vvo changed the title docs(debugging): explain how to debug in Chrome DevTools docs(debugging): explain how to debug in Chrome DevTools/VS Code Mar 3, 2020
@vvo vvo force-pushed the docs/debugging-in-chrome-devtools branch from 38809be to 7cf91aa Compare March 3, 2020 14:28
This was referenced Mar 3, 2020
Closed
Closed
@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 8.6s 8.6s -31ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.1s 9.3s ⚠️ +159ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB -450 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 293 kB ⚠️ +302 B
link.js gzip 300 kB 299 kB -659 B
routerDirect.js gzip 298 kB 299 kB ⚠️ +969 B
withRouter.js gzip 299 kB 298 kB -1.18 kB
Overall change 1.48 MB 1.48 MB -1.01 kB

@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.3s 9.5s ⚠️ +139ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Increase detected ⚠️)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10.3s 10.1s -141ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall increase ⚠️
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB ⚠️ +359 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 293 kB ⚠️ +802 B
link.js gzip 300 kB 299 kB -962 B
routerDirect.js gzip 298 kB 299 kB ⚠️ +799 B
withRouter.js gzip 298 kB 298 kB ⚠️ +223 B
Overall change 1.48 MB 1.48 MB ⚠️ +1.22 kB

@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10.2s 10.1s -80ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 11.2s 11.1s -102ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB ⚠️ +206 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 293 kB 292 kB -317 B
link.js gzip 299 kB 299 kB ⚠️ +87 B
routerDirect.js gzip 298 kB 298 kB ⚠️ +58 B
withRouter.js gzip 298 kB 298 kB -276 B
Overall change 1.48 MB 1.48 MB -242 B

@vvo vvo force-pushed the docs/debugging-in-chrome-devtools branch from 38e44d4 to 254b46d Compare March 3, 2020 22:39
@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 8.3s 8.7s ⚠️ +437ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Increase detected ⚠️)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9s 9.2s ⚠️ +192ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall increase ⚠️
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB ⚠️ +224 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 293 kB 292 kB -1.13 kB
link.js gzip 300 kB 299 kB -408 B
routerDirect.js gzip 298 kB 299 kB ⚠️ +1.15 kB
withRouter.js gzip 298 kB 299 kB ⚠️ +1.01 kB
Overall change 1.48 MB 1.48 MB ⚠️ +846 B

@ijjk
Copy link
Member

ijjk commented Mar 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.5s 9.6s ⚠️ +33ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10.3s 10.6s ⚠️ +272ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 293 kB 292 kB -1.02 kB
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 292 kB -655 B
link.js gzip 299 kB 299 kB ⚠️ +65 B
routerDirect.js gzip 298 kB 298 kB ⚠️ +1 B
withRouter.js gzip 298 kB 298 kB -427 B
Overall change 1.48 MB 1.48 MB -2.04 kB

@vvo
docs(debugging): explain how to debug in Chrome DevTools/VS Code
4718ae2 
This new documentation page explains how to debug your backend and frontend code in Chrome DevTools/VS Code. This works perfectly with full source map support for both Node.js and React code.
@vvo vvo force-pushed the docs/debugging-in-chrome-devtools branch from 1f5a4f0 to 4718ae2 Compare March 4, 2020 09:25
@ijjk
Copy link
Member

ijjk commented Mar 4, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 8.8s 8.8s -30ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Increase detected ⚠️)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.6s 9.5s -58ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall increase ⚠️
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB ⚠️ +495 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 293 kB ⚠️ +1.06 kB
link.js gzip 300 kB 299 kB -877 B
routerDirect.js gzip 298 kB 298 kB -10 B
withRouter.js gzip 298 kB 298 kB ⚠️ +25 B
Overall change 1.48 MB 1.48 MB ⚠️ +692 B

@ijjk
Copy link
Member

ijjk commented Mar 4, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10.2s 10.2s -55ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Increase detected ⚠️)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 11.3s 11.4s ⚠️ +39ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall increase ⚠️
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 293 kB ⚠️ +712 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 293 kB 292 kB -541 B
link.js gzip 299 kB 299 kB -7 B
routerDirect.js gzip 298 kB 298 kB ⚠️ +174 B
withRouter.js gzip 299 kB 299 kB -11 B
Overall change 1.48 MB 1.48 MB ⚠️ +327 B

@ijjk
Copy link
Member

ijjk commented Mar 4, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10s 9.9s -113ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 936 B 936 B ✓
link.html gzip 946 B 946 B ✓
withRouter.html gzip 934 B 934 B ✓
Overall change 2.82 kB 2.82 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10.8s 10.8s -62ms
nodeModulesSize 56.3 MB 56.3 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.76 kB 5.76 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..67cb.js gzip 9.69 kB 9.69 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.3 kB 55.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.79 kB 4.79 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.64 kB 6.64 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.3 kB 51.3 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.07 kB 1.07 kB ✓
_error.js gzip 2.98 kB 2.98 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 589 B 589 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.27 kB 5.27 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 292 kB 292 kB -714 B
404.html gzip 1.34 kB 1.34 kB ✓
hooks.html gzip 975 B 975 B ✓
index.js gzip 292 kB 293 kB ⚠️ +551 B
link.js gzip 299 kB 299 kB -4 B
routerDirect.js gzip 298 kB 298 kB -164 B
withRouter.js gzip 298 kB 298 kB -272 B
Overall change 1.48 MB 1.48 MB -603 B

@ijjk
Copy link
Member

ijjk commented Mar 10, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 8s 7.8s -170ms
nodeModulesSize 56.5 MB 56.5 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.77 kB 5.77 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..cfaa.js gzip 9.77 kB 9.77 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.4 kB 55.4 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.71 kB 6.71 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.09 kB 1.09 kB ✓
_error.js gzip 2.96 kB 2.96 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.06 kB 2.06 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.26 kB 5.26 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 916 B 916 B ✓
link.html gzip 925 B 925 B ✓
withRouter.html gzip 914 B 914 B ✓
Overall change 2.75 kB 2.75 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 8.5s 8.6s ⚠️ +112ms
nodeModulesSize 56.5 MB 56.5 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.77 kB 5.77 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..cfaa.js gzip 9.77 kB 9.77 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.4 kB 55.4 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.71 kB 6.71 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.09 kB 1.09 kB ✓
_error.js gzip 2.96 kB 2.96 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.06 kB 2.06 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.26 kB 5.26 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 293 kB 293 kB -145 B
404.html gzip 1.32 kB 1.32 kB ✓
hooks.html gzip 956 B 956 B ✓
index.js gzip 293 kB 293 kB -329 B
link.js gzip 301 kB 301 kB -88 B
routerDirect.js gzip 299 kB 299 kB ⚠️ +69 B
withRouter.js gzip 299 kB 299 kB ⚠️ +301 B
Overall change 1.49 MB 1.49 MB -192 B

@vvo
Copy link
Member Author

vvo commented Mar 10, 2020

@Timer @timneutkens quick ping that in Next 9.3 this is no more working because multiple node processes are launched behind the "next" command now? And when doing:

NODE_OPTIONS='--inspect' next

Now it will throw:

Starting inspector on 127.0.0.1:9229 failed: address already in use

@ijjk
Copy link
Member

ijjk commented Mar 10, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 8.6s 9s ⚠️ +433ms
nodeModulesSize 56.5 MB 56.5 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.77 kB 5.77 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..cfaa.js gzip 9.77 kB 9.77 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.4 kB 55.4 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.71 kB 6.71 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.09 kB 1.09 kB ✓
_error.js gzip 2.96 kB 2.96 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.06 kB 2.06 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.26 kB 5.26 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 916 B 916 B ✓
link.html gzip 925 B 925 B ✓
withRouter.html gzip 914 B 914 B ✓
Overall change 2.75 kB 2.75 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.4s 9.5s ⚠️ +87ms
nodeModulesSize 56.5 MB 56.5 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.77 kB 5.77 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..cfaa.js gzip 9.77 kB 9.77 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.4 kB 55.4 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.71 kB 6.71 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 18.9 kB 18.9 kB ✓
Overall change 18.9 kB 18.9 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.09 kB 1.09 kB ✓
_error.js gzip 2.96 kB 2.96 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.06 kB 2.06 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.26 kB 5.26 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 294 kB 293 kB -771 B
404.html gzip 1.32 kB 1.32 kB ✓
hooks.html gzip 956 B 956 B ✓
index.js gzip 293 kB 293 kB ⚠️ +1 B
link.js gzip 301 kB 301 kB -530 B
routerDirect.js gzip 299 kB 300 kB ⚠️ +171 B
withRouter.js gzip 299 kB 300 kB ⚠️ +217 B
Overall change 1.49 MB 1.49 MB -912 B

@ijjk
Copy link
Member

ijjk commented Mar 11, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 9.1s 9.5s ⚠️ +349ms
nodeModulesSize 56.6 MB 56.6 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.77 kB 5.77 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..cfaa.js gzip 9.77 kB 9.77 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.4 kB 55.4 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.71 kB 6.71 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 26.2 kB 26.2 kB ✓
Overall change 26.2 kB 26.2 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.09 kB 1.09 kB ✓
_error.js gzip 2.96 kB 2.96 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.06 kB 2.06 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.26 kB 5.26 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 917 B 917 B ✓
link.html gzip 927 B 927 B ✓
withRouter.html gzip 914 B 914 B ✓
Overall change 2.76 kB 2.76 kB ✓
Serverless Mode (Decrease detected ✓)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 10s 10s ⚠️ +9ms
nodeModulesSize 56.6 MB 56.6 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 5.77 kB 5.77 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..cfaa.js gzip 9.77 kB 9.77 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 55.4 kB 55.4 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.71 kB 6.71 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 26.2 kB 26.2 kB ✓
Overall change 26.2 kB 26.2 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.09 kB 1.09 kB ✓
_error.js gzip 2.96 kB 2.96 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 1.89 kB 1.89 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.38 kB 7.38 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.06 kB 2.06 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.26 kB 5.26 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall decrease ✓
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 293 kB 293 kB -211 B
404.html gzip 1.32 kB 1.32 kB ✓
hooks.html gzip 957 B 957 B ✓
index.js gzip 294 kB 293 kB -1.15 kB
link.js gzip 301 kB 301 kB ⚠️ +230 B
routerDirect.js gzip 300 kB 300 kB -5 B
withRouter.js gzip 300 kB 299 kB -387 B
Overall change 1.49 MB 1.49 MB -1.52 kB

@vvo
Copy link
Member Author

vvo commented Apr 3, 2020 •
edited
Loading

$ NODE_OPTIONS='--inspect' yarn dev

This will never work as explained in this current documentation PR because when you use that, it will try to:

  • start yarn in debug mode => works
  • start next in debug mode => fails, because already started in yarn

NODE_OPTIONS='--inspect' can only be used like so: NODE_OPTIONS='--inspect' next and never like so: NODE_OPTIONS='--inspect' npm run dev or NODE_OPTIONS='--inspect' yarn dev

This is also why I went in this documentation for a simple approach of adding NODE_OPTIONS the closest to the next command: this works on every system and not linked to vscode or anything.

There's no penalty of starting next always in debug mode on dev: this is actually what you want, to always be able to debug it. There's no performance boost in dev that I know of by NOT starting it in debug mode.

@ijjk
Copy link
Member

ijjk commented Apr 3, 2020

Stats from current PR

Default Server Mode
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 11.5s 11.5s ⚠️ +66ms
nodeModulesSize 47.7 MB 47.7 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 6.25 kB 6.25 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..5272.js gzip 10.2 kB 10.2 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 56.3 kB 56.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.75 kB 6.75 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 26.3 kB 26.3 kB ✓
Overall change 26.3 kB 26.3 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.24 kB 1.24 kB ✓
_error.js gzip 3.15 kB 3.15 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 2.03 kB 2.03 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.86 kB 7.86 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.28 kB 5.28 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools 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 vvo/next.js docs/debugging-in-chrome-devtools Change
index.html gzip 917 B 917 B ✓
link.html gzip 926 B 926 B ✓
withRouter.html gzip 915 B 915 B ✓
Overall change 2.76 kB 2.76 kB ✓
Serverless Mode (Increase detected ⚠️)
General
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
buildDuration 12.4s 12.3s -143ms
nodeModulesSize 47.7 MB 47.7 MB ✓
Client Bundles (main, webpack, commons)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.js gzip 6.25 kB 6.25 kB ✓
webpack-HASH.js gzip 746 B 746 B ✓
de003c3a9d30..5272.js gzip 10.2 kB 10.2 kB ✓
framework.HASH.js gzip 39.1 kB 39.1 kB ✓
Overall change 56.3 kB 56.3 kB ✓
Client Bundles (main, webpack, commons) Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
main-HASH.module.js gzip 4.78 kB 4.78 kB ✓
webpack-HASH..dule.js gzip 746 B 746 B ✓
de003c3a9d30..dule.js gzip 6.75 kB 6.75 kB ✓
framework.HA..dule.js gzip 39.1 kB 39.1 kB ✓
Overall change 51.4 kB 51.4 kB ✓
Legacy Client Bundles (polyfills)
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
polyfills-HASH.js gzip 26.3 kB 26.3 kB ✓
Overall change 26.3 kB 26.3 kB ✓
Client Pages
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.js gzip 1.24 kB 1.24 kB ✓
_error.js gzip 3.15 kB 3.15 kB ✓
hooks.js gzip 664 B 664 B ✓
index.js gzip 222 B 222 B ✓
link.js gzip 2.03 kB 2.03 kB ✓
routerDirect.js gzip 279 B 279 B ✓
withRouter.js gzip 278 B 278 B ✓
Overall change 7.86 kB 7.86 kB ✓
Client Pages Modern
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_app.module.js gzip 594 B 594 B ✓
_error.module.js gzip 2.08 kB 2.08 kB ✓
hooks.module.js gzip 370 B 370 B ✓
index.module.js gzip 212 B 212 B ✓
link.module.js gzip 1.48 kB 1.48 kB ✓
routerDirect..dule.js gzip 271 B 271 B ✓
withRouter.m..dule.js gzip 270 B 270 B ✓
Overall change 5.28 kB 5.28 kB ✓
Client Build Manifests
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_buildManifest.js gzip 61 B 61 B ✓
_buildManife..dule.js gzip 61 B 61 B ✓
Overall change 122 B 122 B ✓
Serverless bundles Overall increase ⚠️
zeit/next.js canary vvo/next.js docs/debugging-in-chrome-devtools Change
_error.js gzip 233 kB 233 kB ⚠️ +78 B
404.html gzip 1.32 kB 1.32 kB ✓
hooks.html gzip 956 B 956 B ✓
index.js gzip 233 kB 233 kB ⚠️ +85 B
link.js gzip 243 kB 243 kB ⚠️ +9 B
routerDirect.js gzip 241 kB 241 kB -229 B
withRouter.js gzip 241 kB 241 kB ⚠️ +320 B
Overall change 1.19 MB 1.19 MB ⚠️ +263 B

@borekb
Copy link
Contributor

borekb commented Apr 3, 2020 •
edited
Loading

Thanks for the explanation.

The reason why we don't start in debug at all times is that yarn dev should work even if there's a debug session already running on your system (port 9229 taken). Running multiple Node.js processes at the same time is very common for us.

It's also surprisingly tricky to convert a npm script to direct CLI invocation (in which case I'd just put this to my shell history and leave package.json alone). To run binaries from node_modules, next and pino-pretty need to be prefixed with yarn and that breaks debugging again, e.g.:

$ FORCE_COLOR=true NODE_OPTIONS='--inspect' yarn next | yarn pino-pretty -t -c -s "level > '30'"

Debugger listening on ws://127.0.0.1:9229/8a156096-ba9f-4c91-a96a-e95b3fea87b1
For help, see: https://nodejs.org/en/docs/inspector
yarn run v1.22.4
$ /Users/borekb/dev/shoptet/sofa/node_modules/.bin/pino-pretty -t -c -s 'level > '\''30'\'
Starting inspector on 127.0.0.1:9229 failed: address already in use
error Command failed with exit code 12.

A workaround is to use $(yarn bin abinary), e.g. this works:

FORCE_COLOR=true NODE_OPTIONS='--inspect' $(yarn bin next) | $(yarn bin pino-pretty) -t -c -s "level > '30'"

But it's a bit of work.

I think that what I want from VSCode is:

  • Let the Node.js process be started however it wants, with or without debugging, it shouldn't matter.
  • Have some mechanism to first start debugging mode if it's not yet (SIGUSR1) and then attach to it with a specific launch.json configuration.

VSCode can already do all parts of the equation, just not in a single coherent use case.

@connor4312
Copy link

connor4312 commented Apr 3, 2020 •
edited
Loading

There's no performance boost in dev that I know of by NOT starting it in debug mode.

This is true. The debug protocol is based on "domains", and unless you make a call to enable the e.g. "Debugger" domain, there should be no runtime effect.

Another option you have is to use our new debugger for this, which doesn't need the --inspect flag (it sets NODE_OPTIONS that --require a bootloader to put processes in debug mode adn attach back to VS Code). You then have a few options to start that server:

  1. The "Debug" code lens it adds to the package.json
  2. A launch config like:
{
  "name": "Start",
  "type": "pwa-node-terminal",
  "request": "launch",
  "command": "yarn dev"
},
  1. Opening the debug terminal (ctrl+shift+p + Debug: Create JavaScript Debug Terminal) and running yarn dev in there.

@borekb
Copy link
Contributor

borekb commented Apr 3, 2020

I don't see the lens in package.json (I'm in VSCode stable with the new debugger installed; maybe it would work in Insiders) but tried the Debug Terminal and it's a nice option to have. In my case, breakpoints didn't work due to a path mapping issue (microsoft/vscode#94300) but the workflow seemed really quite nice 👍.

Though I still think that I prefer the "Attach to Node Process" workflow – in that case, I don't need to be thinking from where I launch the process.

@connor4312
Copy link

Ok, sounds good. The code lens should work on stable, can you open an issue with the contents of your package.json? Maybe you have something in there that trips up our parsing logic.

@borekb borekb mentioned this pull request Apr 3, 2020
Closed
@borekb
Copy link
Contributor

borekb commented Apr 3, 2020

Done: microsoft/vscode-js-debug#414

@x4080
Copy link

x4080 commented May 3, 2020

Hi, I tried debugging with vscode, and it works BUT only for certain breakpoint position (mainly in root components), it is not working with hooks/ function components ?

timneutkens
timneutkens reviewed May 23, 2020
View reviewed changes
docs/debugging.md
```bash
Debugger listening on ws://127.0.0.1:9229/0cf90313-350d-4466-a748-cd60f4e47c95
For help, see: https://nodejs.org/en/docs/inspector
[ wait ] starting the development server ...
Copy link
Member

Choose a reason for hiding this comment

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

The output was updated but we can update this in a follow-up PR 👍

timneutkens
timneutkens approved these changes May 23, 2020
View reviewed changes
Copy link
Member

@timneutkens timneutkens left a comment

Choose a reason for hiding this comment

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

Looks awesome, thanks so much @vvo 💯

We can still make the inspect flag more ergonomic by bringing back --inspect I think but besides that this doc looks good for now 👍

@timneutkens timneutkens merged commit aa51f2f into vercel:canary May 23, 2020
@chibicode chibicode mentioned this pull request May 23, 2020
Merged
@Timer Timer added this to the 9.4.3 milestone May 23, 2020
@timneutkens timneutkens mentioned this pull request May 25, 2020
Closed
@vvo vvo deleted the docs/debugging-in-chrome-devtools branch May 26, 2020 13:52
@Vadorequest
Copy link
Contributor

Vadorequest commented May 28, 2020 •
edited
Loading

Thanks for this documentation, it'll be helpful to VSCode users.

Here is how I did it using WebStorm:

  1. Create a new Run/Debug configuration
  2. Use node_modules/cross-env/src/bin/cross-env-shell.js 'npx concurrently -p '{name}' -n 'debugger,now-cli' -c 'gray.bgWhite,yellow.bgBlue' \"node --inspect-brk node_modules/.bin/now\" \"yarn start\"' as Application parameters
  3. Leave other fields empty
  4. Add script "start": "now dev --listen 8888" in package.json
  5. yarn add -D concurrently cross-env required packages (meant to make it work on Windows, but not sure if it still does)

image

Running this in debug more will generate the following output:

/Users/vadorequest/.nvm/versions/node/v12.16.1/bin/node node_modules/cross-env/src/bin/cross-env-shell.js 'npx concurrently -p '{name}' -n 'debugger,now-cli' -c 'gray.bgWhite,yellow.bgBlue' \"node --inspect-brk node_modules/.bin/now\" \"yarn start\"'
Debugger listening on ws://127.0.0.1:52330/dd05f2bf-f42e-46bc-b07f-f1d33ebc53d2
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.
Debugger listening on ws://127.0.0.1:52348/0a0dfbb9-b930-4bc5-9de6-17a912f3dc2a
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.
debugger Debugger listening on ws://127.0.0.1:9229/376dba20-a8b6-4a25-88cc-0c7cdb024b79
debugger For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger listening on ws://127.0.0.1:52355/5ed414d6-93c2-4b7e-89b4-57550271488c
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli yarn run v1.22.0
now-cli $ now dev --listen 8888
now-cli Debugger listening on ws://127.0.0.1:52370/3ce64ef0-d393-49e0-865a-356c5d9e1671
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli Now CLI 17.1.1 dev (beta) — https://zeit.co/feedback
now-cli > Running Dev Command “next dev --port $PORT”
now-cli Debugger listening on ws://127.0.0.1:52453/40d4ac6a-7c61-4494-ab52-5171980e4630
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli ready - started server on http://localhost:8888
now-cli Building Next with NODE_ENV="development" APP_STAGE="development" for CUSTOMER_REF="customer1"
now-cli warn  - You have enabled experimental feature(s).
now-cli warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use them at your own risk.
now-cli 
now-cli Debugger listening on ws://127.0.0.1:52485/6df69e51-748e-416b-9417-6854299aa3aa
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli > Ready! Available at http://localhost:8888
now-cli Using experimental redirects: [
now-cli   { source: '/:locale/', destination: '/:locale', permanent: false },
now-cli   {
now-cli     source: '/:locale/:path*/',
now-cli     destination: '/:locale/:path*',
now-cli     permanent: false
now-cli   }
now-cli ]
now-cli Using experimental rewrites: [
now-cli   { source: '/', destination: '/api/autoRedirectToLocalisedPage' },
now-cli   {
now-cli     source: '/:locale((?!fr-FR|fr|en-US|en|robots|static|favicon.ico|_next)[^/]+)(.*)',
now-cli     destination: '/api/autoRedirectToLocalisedPage'
now-cli   }
now-cli ]
now-cli Debugger listening on ws://127.0.0.1:52486/09bdc1cb-1f37-4feb-9d09-cf1029856704
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli Debugger listening on ws://127.0.0.1:52487/58f19119-1675-4aa9-8636-c906df9f43cb
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger listening on ws://127.0.0.1:52492/37043ff4-0803-43a5-81ba-3c0cfb026781
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli Debugger listening on ws://127.0.0.1:52495/5ea7c4b1-02d1-47f1-a3dc-e1ef6261fbec
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli Debugger listening on ws://127.0.0.1:52496/23b35e83-45e6-4cbc-8496-332f70505e66
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli Debugger listening on ws://127.0.0.1:52497/fdf2ed4a-9066-4e45-8428-1b981aed9e06
now-cli For help, see: https://nodejs.org/en/docs/inspector
now-cli Debugger attached.
now-cli [webpack] Building release "1.0.1_development"
now-cli Debugger attached.
now-cli Debugger attached.

It looks messy, but it does work. It slows down the app a lot though.

I'm not sure if it's good enough to be part of the documentation. I have little understanding on how debugging works behind the scene, but I feel like WebStorm works differently because it starts both the server and attach to it at once, it's not 2 separate things like it seems to be with VSCode.

@connor4312
Copy link

connor4312 commented May 28, 2020 •
edited
Loading

It slows down the app a lot though.

If webstorm has an option to disable async stack traces like vs code does, that may provide a significant speed improvement (I was seeing a webpack build run 40% faster with them disabled for instance; will vary by use case).

@Vadorequest Vadorequest mentioned this pull request May 28, 2020
Closed
@Vadorequest
Copy link
Contributor

Thanks for the hint, it looks doable (see https://www.jetbrains.com/help/idea/async-stacktraces.html)

Haven't found how to actually disable it yet, though.

Vadorequest added a commit to UnlyEd/next-right-now that referenced this pull request Jun 2, 2020
@Vadorequest
Add VSCode launch config (doesn't work with TS files) - See vercel/ne…
317b651 
…xt.js#10807 (comment)
@Vadorequest Vadorequest mentioned this pull request Jun 2, 2020
Closed
@Vadorequest
Copy link
Contributor

I gave it a try, but it doesn't work with TS files due to source maps not being found. I tried various ways to resolve source maps but I don't know enough how Next.js works internally to solve it.

UnlyEd/next-right-now#84

TL;DR Debug mode works with Next.js and VSCode, but not if you use TypeScript

@connor4312
Copy link

connor4312 commented Jun 2, 2020 •
edited
Loading

It could be an issue of source maps not being found, but more likely they're found but don't match up with your files. The easiest way to diagnose this (without poking around internally in the debugger or its logs :) ) is to add a debugger; statement to your code. When it's hit, if the current script doesn't match to a file on disk, it'll open an ephemeral read-only file. Take note of its path (right click on its tab and "Copy Path"). You will want to either adjust your webRoot--which configures the 'root' of where relative paths are resolved--or sourceMapOverrides--which I see you've already configured--so that that incorrect path matches the path of the source file on disk.

@Vadorequest
Copy link
Contributor

@connor4312 Unfortunately, I'm unable to set any breakpoint at all.

image

Updating the code doesn't apply the breakpoint.

I also tried to set the debugger; statement in a JS file, the error changes but it doesn't break either.

image

rokinsky pushed a commit to rokinsky/next.js that referenced this pull request Jul 11, 2020
@vvo @kodiakhq @rokinsky
docs(debugging): explain how to debug in Chrome DevTools/VS Code (ver…
97260fd 
…cel#10807)

This new documentation page explains how to debug your backend and frontend code in Chrome DevTools/VS Code. This works perfectly with full source map support for both Node.js and React code.

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
@vercel vercel locked as resolved and limited conversation to collaborators Jan 30, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Reviewers

@timneutkens timneutkens timneutkens approved these changes

@Timer Timer Awaiting requested review from Timer

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
9.4.3
10 participants
@vvo @ijjk @ramijarrar @aleclarson @borekb @connor4312 @x4080 @Vadorequest @timneutkens @Timer