NextJSにおける404エラーのカスタマイズ
前回のレッスンでは、NextJSには既に
美しくデザインされた404エラーページが
組み込まれていることを確認しました。
しかし、必要に応じて、独自のスタイルで エラーページを作成することができます (これをカスタマイズと言います)。
これを行うには、特別な名前のファイル
not-found.jsxを作成し、
それをappフォルダ内に配置します:
export default function NotFound() {
return <>
<h1>Error 404</h1>
<p>
このページは見つかりません
</p>
</>
}
404エラーのカスタム表示を作成してください。
エラー発生時に、NextJSに組み込まれたものではなく、
あなたのファイルが提供されていることを確認してください。