forbidden.js

Source URL: https://nextjs.org/docs/app/api-reference/file-conventions/forbidden

forbidden.js

This feature is currently experimental and subject to change, it is not recommended for production.

The forbidden file is used to render UI when the forbidden function is invoked during authentication. Along with allowing you to customize the UI, Next.js will return a 403 status code.

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

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

Reference

Props

forbidden.js components do not accept any props.

Version History

Version	Changes
v15.1.0	forbidden.js introduced.

• forbidden
  • API Reference for the forbidden function.

---