App Shell
Interaktive Demonstration der App-Shell-Komponenten und Zustandsverwaltung.
Komponentengrenze
Svelte's <svelte:boundary> catches runtime errors within a component tree
and renders a fallback UI instead of crashing the entire page.
BoundaryFallback-Varianten
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.
Route-Fehlerseiten
Errors that escape a boundary are caught by route-level +error.svelte pages, then error.html as the last resort.
Fehlergrenzen
Four +error.svelte files provide contextual recovery actions for each area:
routes/+error.svelte Root fallback — "Go home" actionroutes/app/+error.svelte Authenticated area — "Back to dashboard" with sidebar visibleroutes/auth/+error.svelte Auth flow — "Back to sign in" actionroutes/showcases/+error.svelte Showcases — contextual hints per showcase categoryEchte Fehlerseite auslösen:
Geht dieses Pattern noch besser? Sag uns, wie.
Feedback geben