mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Tyler LutzandGitHub
1f19a5b810
### What? - Added separate links for the app and pages router in the shared documentation. - Added comment at the top of all shared documentation. - Fixed typos in pages documentation comment. ### Why? - To limit the switching between the different routers in shared documentation when clicking the links.
55 lines
2.1 KiB
Plaintext
55 lines
2.1 KiB
Plaintext
---
|
|
title: devIndicators
|
|
description: Optimized pages include an indicator to let you know if it's being statically optimized. You can opt-out of it here.
|
|
---
|
|
|
|
{/* The content of this doc is shared between the app and pages router. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
|
|
|
|
<AppOnly>
|
|
|
|
When you edit your code, and Next.js is compiling the application, a compilation indicator appears in the bottom right corner of the page.
|
|
|
|
> **Good to know**: This indicator is only present in development mode and will not appear when building and running the app in production mode.
|
|
|
|
In some cases this indicator can be misplaced on your page, for example, when conflicting with a chat launcher. To change its position, open `next.config.js` and set the `buildActivityPosition` in the `devIndicators` object to `bottom-right` (default), `bottom-left`, `top-right` or `top-left`:
|
|
|
|
```js filename="next.config.js"
|
|
module.exports = {
|
|
devIndicators: {
|
|
buildActivityPosition: 'bottom-right',
|
|
},
|
|
}
|
|
```
|
|
|
|
In some cases this indicator might not be useful for you. To remove it, open `next.config.js` and disable the `buildActivity` config in `devIndicators` object:
|
|
|
|
```js filename="next.config.js"
|
|
module.exports = {
|
|
devIndicators: {
|
|
buildActivity: false,
|
|
},
|
|
}
|
|
```
|
|
|
|
</AppOnly>
|
|
|
|
<PagesOnly>
|
|
|
|
> **Good to know**: This indicator was removed in Next.js version 10.0.1. We recommend upgrading to the latest version of Next.js.
|
|
|
|
When a page qualifies for [Automatic Static Optimization](/docs/pages/building-your-application/rendering/automatic-static-optimization) we show an indicator to let you know.
|
|
|
|
This is helpful since automatic static optimization can be very beneficial and knowing immediately in development if the page qualifies can be useful.
|
|
|
|
In some cases this indicator might not be useful, like when working on electron applications. To remove it open `next.config.js` and disable the `autoPrerender` config in `devIndicators`:
|
|
|
|
```js filename="next.config.js"
|
|
module.exports = {
|
|
devIndicators: {
|
|
autoPrerender: false,
|
|
},
|
|
}
|
|
```
|
|
|
|
</PagesOnly>
|