devIndicators

devIndicators позволяет настроить индикатор, который отображает информацию о текущем маршруте во время разработки.

Types
  devIndicators: false | {
    position?: 'bottom-right'
    | 'bottom-left'
    | 'top-right'
    | 'top-left', // по умолчанию 'bottom-left',
  },

Установка devIndicators в false скроет индикатор, однако Next.js продолжит показывать ошибки сборки или выполнения, если они возникнут.

Решение проблем

Индикатор не отмечает маршрут как статический

Если вы ожидаете, что маршрут должен быть статическим, но индикатор помечает его как динамический, вероятно, маршрут отказался от статического рендеринга.

Вы можете проверить, является ли маршрут статическим или динамическим, собрав приложение с помощью next build --debug и проверив вывод в терминале. Статические (или предварительно отрендеренные) маршруты будут отмечены символом , а динамические — символом ƒ. Например:

Build Output
Route (app)                              Size     First Load JS
 /_not-found                          0 B               0 kB
 ƒ /products/[id]                       0 B               0 kB

  (Static)   prerendered as static content
ƒ  (Dynamic)  server-rendered on demand

Если на странице экспортируется getServerSideProps или getInitialProps, она будет помечена как динамическая.

История версий

ВерсияИзменения
v15.2.0Улучшенный индикатор с новой опцией position. Опции appIsrStatus, buildActivity и buildActivityPosition устарели.
v15.0.0Добавлен статический индикатор с опцией appIsrStatus.