コンテンツにスキップ

forbidden.js

この機能は現在実験的であり、変更される可能性があります。本番環境での使用は推奨されません。GitHubで試してフィードバックを共有してください。

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

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

リファレンス

Props

forbidden.jsコンポーネントは、いかなるPropsも受け入れません。

バージョン履歴

バージョン変更点
v15.1.0forbidden.js導入。