devIndicators

devIndicators allows you to configure the on-screen indicator that gives context about the current route you're viewing during development.

  devIndicators:false| {    position?:'bottom-right'|'bottom-left'|'top-right'|'top-left',// defaults to 'bottom-left',  },

SettingdevIndicators tofalse will hide the indicator, however Next.js will continue to surface any build or runtime errors that were encountered.

Troubleshooting

Indicator not marking a route as static

If you expect a route to be static and the indicator has marked it as dynamic, it's likely the route has opted out of static rendering.

You can confirm if a route isstatic ordynamic by building your application usingnext build --debug, and checking the output in your terminal. Static (or prerendered) routes will display a○ symbol, whereas dynamic routes will display aƒ symbol. For example:

Route (app)┌○/_not-found└ƒ/products/[id]○  (Static)   prerendered as static contentƒ  (Dynamic)  server-rendered on demand

There are two reasons a route might opt out of static rendering:

• The presence ofDynamic APIs which rely on runtime information.
• Anuncached data request, like a call to an ORM or database driver.

Check your route for any of these conditions, and if you are not able to statically render the route, then consider usingloading.js or<Suspense /> to leveragestreaming.

Version History