What is Safe-Area Layout?
Respecting notches, home indicators, and dynamic viewport units on mobile. Safe-area insets and dvh units keep CTAs tappable on every device.
Related terms
Install Prompt
The add-to-home-screen moment, shown when engagement signals say yes — not on first paint. Timing the prompt is the difference between installs and dismissals.
Offline Fallback & App Shell
A cached shell that renders when the network fails. Offline capability is a reliability feature users notice exactly when they need it most.
Lazy Loading
Deferring below-the-fold images, video, and iframes until near the viewport. It trims initial page weight, the strongest lever on Core Web Vitals pass rates after server response.
Svelte Runes
The `$state`, `$derived`, `$effect`, and `$props` primitives powering Svelte 5 reactivity. Runes are mandatory in generated code: explicit, compilable, and consistent across every component.
File-Based Routing
Pages defined by file location: `+page.svelte` renders, `+layout.svelte` wraps, `+server.js` serves data. The route tree is the app map — no separate router config to drift.
Load Function
Server-side data loading for a route before it renders. Load on the server for content crawlers and users need immediately; reach for client fetching only for interactive extras.