商品IDに対応するデータが存在しない場合、App Routerでそのルートの404画面を表示したいです。page.tsx内で最も適切なのはどれですか？

解説

正解: notFound()を呼び出し、近いnot-found.tsxを表示させるApp Routerでは、データが存在しないケースでnext/navigationのnotFound()を呼ぶと、そのセグメントに対応するnot-found.tsxが表示されます。例外的な失敗ではなく、対象リソースがないという意味を明確に表現できます。補足: error.tsxは予期しないエラーの表示に使い、not-found.tsxは存在しないURLやデータに使うと役割が分かりやすくなります。A. notFound()を呼び出し、近いnot-found.tsxを表示させる: これが正解です。B. return nullを返し、Next.jsに自動で404判定させる: nullを返しても404にはなりません。C. throw new Error("404")を投げ、error.tsxに任せる: エラー画面扱いになり、404の意味を正しく表しません。D. redirect("/404")で固定URLへ遷移させる: App RouterではnotFound()でセグメントごとの404を出す方が自然です。