Server islands
A deferred island renders its fallback into the page immediately, then the
browser fetches the real HTML from a signed, same-origin endpoint. Zero component JS ships.
Each hole below fetches on a different schedule.
defer: 'load'
Fetches immediately on connect and is the only timing that emits a <link rel="preload" as="fetch"> hint, which the runtime reuses so
there is one server render.
fetching…
defer: 'idle'
Waits for requestIdleCallback before fetching. No preload hint.
fetching…
defer: '(min-width: 300px)'
Fetches when the media query matches. On any normal window this matches at once.
fetching…
Cookie personalization
The greeting below is a deferred server island. During its render on the endpoint it
reads your pg_name cookie (defaulting to voyager) — cookies flow
because the fetch is same-origin. Set a name and reload: the island re-renders with it.
No component JS ships for the greeting.
defer: 'visible' — below the fold
This hole does not fetch until it scrolls into view. The server does no work for content nobody reached. Scroll down past the spacer to trigger it.
fetching…