Next.js: Default Static Optimization Indicator to false

[ericelliott]

Feature request

For validation of this feature request see almost all the comments on "How to remove the clickable label "Prerendered Page" and loading Icon ? #7945".

The automatic Static Optimization Indicator is providing important information, but that information is being handled in an undesirable manner for DX and dev team collaboration. In many cases, the indication can get in the way of the app's UI during development, creating a frustrating developer experience for Next users.

It also creates a frustrating experience for designers and other non-developer stakeholders, who don't immediately understand that the icon is only visible in development, and think the app is somehow broken or poorly designed.

It creates a frustrating experience for new feature demos, as well.

I understand that you can opt-out, but you shouldn't have to opt-out of obtrusive features, you should have to opt-in to them.

Describe the solution you'd like

The situation that the indicator is indicating should be the default situation for most pages in a Next site. The indicator is intrusively shouting at us "EVERYTHING IS NORMAL AND OK!"

ummm... thanks? Why not warn me when it's abnormal and NOT OK, instead? And why not put the warning in the developer console instead of on the UI screen so we don't give the designers and other non-dev contributors a heart attack?

Describe alternatives you've considered

Stuff like this would be great in a DevTools extension similar to React or Redux DevTools. Make all the alarming indicators you want somewhere other than the app UI screen.

[janhoogeveen]

Afaik you can disable the icon in the config with some kind of hidden flag. Look at the next-server package defaults to see which one you need to set to false.

[ericelliott]

@janhoogeveen Yes. Hence:

I understand that you can opt-out, but you shouldn't have to opt-out of obtrusive features, you should have to opt-in to them.

[Timer]

This feature has served its purpose to teach people about Next.js' SSG capabilities (even automatic)! We can remove it now.

Would you like to send a PR removing all the related code?

[ericelliott]

@Timer

I would love to. Unfortunately, I don't have the time. 😞

[Timer]

We'll take care of it!

[cascandaliato]

Is this still up for grabs? I've recently submitted a PR in the same area (#18261) so it should not be too difficult for me to remove the indicator entirely.

[Timer]

Go ahead and take it!

[lachlanjc]

Sounds cool to remove, & I know the icon was just for demonstrating static pages, but I always thought the visual similarity to the Vercel logo is one of the smartest open source marketing moves I can remember—right when the framework is doing something brilliant for you & unobtrusively reminding you about it, it reminds you of Vercel. Loved that thing.

[Timer]

@lachlanjc there's still the Vercel logo during a Fast Refresh occurring!