Next.jseasy

In the App Router, what are `error.tsx` and `not-found.tsx` used for?

Answer

`error.tsx` is a route-segment error boundary UI for runtime errors and can show a fallback with a reset action. `not-found.tsx` is rendered when you call `notFound()` or a route can’t be resolved, to show a 404-like page for that segment.

Related questions

Next.js

App Router data fetching: what do `cache: 'no-store'` and `revalidate` change?

#nextjs#fetch#cache

Next.js

Static vs dynamic rendering in the App Router: what makes a route dynamic?

#nextjs#rendering#static

Next.js

`next/link` prefetching: what does it do and how can you control it?

#nextjs#link#prefetch

Next.js

Middleware in Next.js: what is it good for and what are its limitations?

#nextjs#middleware#edge

Next.js

Route Handlers in the App Router: how do you define them and what are they used for?

#nextjs#route-handlers#api

Next.js

Cache invalidation: what do `revalidatePath` and `revalidateTag` do?

#nextjs#cache#revalidate