Errors - Shell - Showcases

Component Boundary

Svelte's <svelte:boundary> catches runtime errors within a component tree and renders a fallback UI instead of crashing the entire page.

The BoundaryFallback component accepts custom titles, descriptions, and minimum heights to fit different contexts.

Something went wrong

3D scene unavailable

WebGL is required. Check browser support or graphics drivers.

Chart failed to render

The dataset may be too large or contain invalid values.

Errors that escape a boundary are caught by route-level +error.svelte pages, then error.html as the last resort.

Four +error.svelte files provide contextual recovery actions for each area:

routes/+error.svelte Root fallback — "Go home" action

routes/app/+error.svelte Authenticated area — "Back to dashboard" with sidebar visible

routes/auth/+error.svelte Auth flow — "Back to sign in" action

routes/showcases/+error.svelte Showcases — contextual hints per showcase category

Trigger a real error page:

Think this pattern could be better? Tell us how.