forbidden.js

forbidden ファイルは、認証中に forbidden 関数が呼び出された際に表示する UI をレンダリングするために使用されます。UI をカスタマイズできることに加えて、Next.js は 403 ステータスコードを返します。

import Link from 'next/link'

export default function Forbidden() {
  return (
    <div>
      <h2>Forbidden</h2>
      <p>You are not authorized to access this resource.</p>
      <Link href="/">Return Home</Link>
    </div>
  )
}

リファレンス

Props

forbidden.js コンポーネントは props を受け取りません。

バージョン履歴

バージョン変更内容
v15.1.0forbidden.js が導入されました。

On this page