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

When exportinggetServerSideProps orgetInitialProps from a page, it will be marked as dynamic.

Version History