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

ルートが静的レンダリングをオプトアウトする理由は2つあります：

• ランタイム情報に依存する動的APIの存在。
• ORMやデータベースドライバーへの呼び出しなど、キャッシュされていないデータリクエスト。

ルートにこれらの条件がないか確認し、ルートを静的にレンダリングできない場合は、loading.jsまたは<Suspense />を使用してストリーミングを活用することを検討してください。