notFound

notFound関数を使用すると、ルートセグメント内でnot-foundファイルをレンダリングし、<meta name="robots" content="noindex" />タグを挿入できます。

`notFound()`

notFound()関数を呼び出すと、NEXT_NOT_FOUNDエラーがスローされ、それが発生したルートセグメントのレンダリングが終了します。not-foundファイルを指定することで、セグメント内にNotFoundユーザーインターフェースをレンダリングして、このようなエラーを適切に処理できます。

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 user = await fetchUser(params.id)
 
  if (!user) {
    notFound()
  }
 
  // ...
}

補足: notFound()は、TypeScriptのnever型を使用しているため、return notFound()は必要ありません。

バージョン履歴

バージョン	変更点
`v13.0.0`	導入時期：`notFound`