管理画面の売上ダッシュボードで、リクエストごとに必ず最新データを表示したいです。App RouterのServer Component内fetchで最も適切な指定はどれですか？

解説

正解: fetch(url, { cache: "no-store" }) を指定するApp Routerのサーバー側fetchでは、キャッシュ戦略を明示できます。売上や在庫のように毎回最新性が重要なデータでは、cache: "no-store"を指定してキャッシュを使わず、リクエストごとに取得するのが適切です。補足: すべてをno-storeにすると負荷が上がります。更新頻度が低いデータはrevalidateを使い、最新性が必要な箇所と分けて設計します。A. fetch(url, { cache: "no-store" }) を指定する: これが正解です。B. fetch(url, { next: { revalidate: 3600 } }) を指定する: 最大1時間キャッシュされるため、常に最新とは限りません。C. fetch(url, { mode: "no-cors" }) を指定する: CORSモードの指定であり、Next.jsのデータキャッシュ制御ではありません。D. fetch(url, { credentials: "include" }) を指定する: Cookie送信の指定であり、キャッシュ無効化にはなりません。