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 |