notFound
Die notFound
-Funktion ermöglicht es Ihnen, die not-found
-Datei innerhalb eines Routen-Segments zu rendern sowie ein <meta name="robots" content="noindex" />
-Tag einzufügen.
notFound()
Der Aufruf der notFound()
-Funktion wirft einen NEXT_NOT_FOUND
-Fehler und beendet das Rendering des Routen-Segments, in dem es geworfen wurde. Durch die Angabe einer not-found-Datei können Sie solche Fehler elegant behandeln, indem Sie eine "Nicht gefunden"-Benutzeroberfläche innerhalb des Segments rendern.
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()
}
// ...
}
Gut zu wissen:
notFound()
erfordert nicht die Verwendung vonreturn notFound()
, da der TypeScript-Typnever
verwendet wird.
Versionsverlauf
Version | Änderungen |
---|---|
v13.0.0 | notFound eingeführt. |