devIndicators

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

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

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

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

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

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

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

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

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

• Наличие динамических API, которые зависят от информации во время выполнения.
• Незакешированный запрос данных, например вызов ORM или драйвера базы данных.

Проверьте маршрут на наличие этих условий. Если вы не можете сделать маршрут статическим, рассмотрите использование loading.js или <Suspense /> для стриминга.

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