notFound

Функция notFound позволяет отображать not-found файл внутри сегмента маршрута, а также добавлять тег <meta name="robots" content="noindex" />.

notFound()

Вызов функции notFound() приводит к генерации ошибки NEXT_HTTP_ERROR_FALLBACK;404 и прекращению рендеринга сегмента маршрута, в котором она была вызвана. Создание not-found файла позволяет корректно обрабатывать такие ошибки, отображая интерфейс "Не найдено" внутри сегмента.

app/user/[id]/page.js
import { notFound } from 'next/navigation'

async function fetchUser(id) {
  const res = await fetch('https://...')
  if (!res.ok) return undefined
  return res.json()
}

export default async function Profile({ params }) {
  const { id } = await params
  const user = await fetchUser(id)

  if (!user) {
    notFound()
  }

  // ...
}

Полезно знать: для notFound() не требуется использовать return notFound(), так как функция использует тип TypeScript never.

История версий

ВерсияИзменения
v13.0.0Добавлена функция notFound.