NextJSにおける404エラーのカスタマイズ

前回のレッスンでは、NextJSには既に 美しくデザインされた404エラーページが 組み込まれていることを確認しました。

しかし、必要に応じて、独自のスタイルで エラーページを作成することができます (これをカスタマイズと言います)。

これを行うには、特別な名前のファイル not-found.jsxを作成し、 それをappフォルダ内に配置します:

app/not-found.jsxexport default function NotFound() {
  return <>
    <h1>Error 404</h1>
    <p>
      このページは見つかりません
    </p>
  </>
}
Задание 1

404エラーのカスタム表示を作成してください。 エラー発生時に、NextJSに組み込まれたものではなく、 あなたのファイルが提供されていることを確認してください。