同じリクエスト中にpage.tsxとgenerateMetadataで同じ商品APIをfetchしています。重複実行を避けるためのNext.jsの挙動として正しいものはどれですか？

解説

正解: 同じURLとオプションのfetchはリクエスト内でメモ化されることがあるApp Routerでは、Server ComponentやgenerateMetadataなど同一レンダー内で行われる同じfetchが自動的にメモ化され、重複したネットワークリクエストを抑えられる場合があります。これにより、ページ本文とメタデータで同じ商品情報を使う設計が扱いやすくなります。補足: fetchではない独自DBクライアントを使う場合は、Reactのcache関数などで明示的にメモ化を検討します。A. 同じURLとオプションのfetchはリクエスト内でメモ化されることがある: これが正解です。B. generateMetadata内のfetchだけは必ずブラウザで実行される: generateMetadataはサーバー側で実行されます。C. page.tsxとgenerateMetadataではfetchの結果を共有できない: 条件が揃えばメモ化の恩恵を受けられます。D. 重複を避けるには必ずlocalStorageに保存する必要がある: サーバー側レンダーの重複回避にlocalStorageは使えません。