error-boundary

Summary

The global error boundary shown when a page throws.

Raw wireframe

• .context/designs/web/states/500.html

Why it is drawn this way

Production face only. error.tsx shows an "Error Details" card with the message only when NODE_ENV is development. The drawing leaves it out.

Try Again is a button, not a link. It calls Next's reset() and re-renders the same route. Go Home links to /.

The error ID is often N/A. The support line prints error.digest || "N/A". Only server-side errors carry a digest, so a client crash shows N/A — the user is told to quote an ID that does not exist. The drawing shows that face.

Nothing is reported in production. The effect logs only in development. The comment about an error tracking service is a comment; no service is wired.

Related

• not-found
• home

Sources

• apps/website/src/app/error.tsx