Funcția notFound() întrerupe imediat execuția componentei curente de server și afișează cel mai apropiat fișier not-found.tsx din arborele de rute. În plus, trimite codul de stare HTTP 404 Not Found către motoarele de căutare, protejând scorul SEO al site-ului.
// app/utilizator/[id]/page.tsx
import { notFound } from 'next/navigation';
export default async function ProfilUtilizator({ params }: { params: Promise<{ id: string }> }) {
const { id } = await params;
const user = await fetch(`https://api.dexblog.ro/users/${id}`).then((r) => r.ok ? r.json() : null);
if (!user) {
notFound(); // Declanșează app/not-found.tsx
}
return <div><h1>{user.name}</h1></div>;
}Acuratețe SEO: Spre deosebire de afișarea unui mesaj vizual de eroare cu cod de succes 200, notFound() garantează transmiterea corectă a antetului HTTP 404 către Googlebot.
Utilizare
- Poate fi apelată în Server Components, Route Handlers, Server Actions și hook-ul
generateMetadata. - Nu necesită instrucțiunea
return, deoarece aruncă intern o excepție controlată React Error.
Întrebări & Exemple de Cod:
Funcția notFound() din next/navigation – Declanșarea Erorii 404Ai o nelămurire despre utilizarea comenzii
Funcția notFound() din next/navigation – Declanșarea Erorii 404sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.