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
Redesign nextjs logging #54713
Redesign nextjs logging #54713
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Orca Security Scan Summary
Status | Check | Issues by priority | |
---|---|---|---|
Passed | Secrets | 0 1 0 0 | View in Orca |
This comment was marked as outdated.
This comment was marked as outdated.
Tests Passed |
Notifying the following users due to files changed in this PR based on this repo's notify modifiers: @timneutkens, @ijjk, @shuding, @styfle:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work Jiachi!
Looks liket his has been broken since #54713 due to the text it watches for being changed.
The current logging styles has been existed for a while, this PR gives a fresh impression for the logging output from Next.js.
We want to achieve few new goals that makes the output clean, modernized, sweet 🍫 .
Few goals are addressed with this redesign:
Refresh Impression & Simplification
The new design of logging is much more information centralized and streamlined.
ready
message at the begining when compilers are bootstrapped.compiled
event with green check mark indicating succesful compilation, this will merge the unclearcompiling
event which shows(client and server)
before, now tell you the route compilation info in one line.hello world app
next dev
After vs Before
next build
After vs Before
error status
After vs Before
Streamlization
If you have customized envs and experiments Next.js will give the brief in the early summary about your network information, env vars, and enabled experimental features
Polish
fetching logging structure
After vs Before
Dedupe Duplicates
The logging is moved from
@next/env
tonext
itself,@next/env
will only notify the invoker that the env is reloaded. Then the duplicated logs for the env reloading cases can be avoid.After vs Before
Different indicators
Use unicode text icons for different situation: