forbidden.js

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

TypeScript

app/forbidden.tsx

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>
  )
}

JavaScript

app/forbidden.jsx

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.0	forbidden.js が導入されました。