Menu

forbidden.js

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

app/forbidden.tsx

TypeScript

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`

下一步

forbidden

forbidden 関数のAPI リファレンス。