JSS Next.jsサンプルアプリのエラーページ

Version:

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Next.jsアプリはカスタムエラーページをサポートしています。JSS Next.jsサンプルアプリには、ステータスコード404と500のエラーに対するカスタムエラーページの実装が含まれています。

404エラーページ

サンプルJSS Next.jsアプリは、ファイルsrc/pages/404.tsxで定義されたカスタム404ページを提供し、以下の場合にレンダリングします。

レイアウトサービスが特定のSitecoreパスに対して404ステータスコードを返すと、ページプロップファクトリーはページデータ内の notFound プロパティを返し、値 trueを返します。
Next.js静的エクスポートを使ってJSS Next.jsアプリを本番環境で構築し、getStaticPaths関数が提供するルートリストに欠けているルートをリクエストする際に、これはfallback: false.

サンプルJSS Next.jsアプリは、ファイルsrc/pages/_error.tsxで定義されたカスタム500ページを提供します。

Next.jsはクライアント側とサーバー側で500エラーを処理します。500エラーページは、本番環境で404を除くすべてのエラーに対してレンダリングされます。開発段階では、アプリケーションは呼び出しスタックでエラーをレンダリングします。

特定のステータスコードを処理し、ルートの組み込みエラーページをレンダリングしたい場合は、500エラーページからErrorコンポーネントをインポートできます。

例えば:

import Error from 'src/pages/_error';

const Page = ({ errorCode, text }) => { if (errorCode) { return }

return

Content: {text}

}

export default Page

この記事を改善するための提案がある場合は、お知らせください!