devIndicators

devIndicators を使用すると、開発中に表示している現在のルートに関するコンテキストを提供するオンスクリーンインジケーターを設定できます。

Types

  devIndicators: {
    buildActivityPosition?: 'bottom-right'
    | 'bottom-left'
    | 'top-right'
    | 'top-left', // デフォルトは 'bottom-right'
  },

トラブルシューティング

静的ルートにインジケーターが表示されない

ルートが静的であり、インジケーターが有効になっているのに表示されない場合、そのルートは静的レンダリングをオプトアウトしている可能性があります。

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

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

• 実行時情報に依存するDynamic APIsの存在
• ORMやデータベースドライバへの呼び出しのようなキャッシュされていないデータリクエスト

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