メインコンテンツまでスキップ

notFound

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

notFound()

notFound()関数を呼び出すと、NEXT_NOT_FOUNDエラーがスローされ、投げられたルートセグメントのレンダリングが終了します。not-foundファイルを指定することで、セグメント内にNot FoundのUIをレンダリングし、こうしたエラーをスムーズに処理できます。

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

// ...
}

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

バージョン履歴

VersionChanges
v13.0.0notFoundが導入されました