Next.js道場商品のページで、見つからないときに notFound() を呼んでいます。app/shop/not-found.tsx と app/not-found.tsx があります。/shop/zzz を開くと、どちらが出ますか。
app/shop/[id]/page.tsx
Serverで実行
import { notFound } from 'next/navigation' Serverで実行
export default async function Page({ params }: { params: Promise<{ id: string }> }) {Serverで実行
const { id } = await paramsServerで実行
if (id !== 'ok') notFound()Serverで実行
return <p>商品</p>Serverで実行
}出典nextjs.org/docs/app/api-reference/functions/not-foundnextjs.org/docs/app/api-reference/file-conventions/not-found