Server Islands Test Page

Demonstrating Astro 6.x Server Islands on Cloudflare Workers

📄 Static Content (Prerendered)

This section is completely static and was rendered at build time. It's the same for every visitor and can be cached aggressively.

Build Time:

2026-06-04T00:33:10.053Z

Framework:

Astro 6.x

Platform:

Cloudflare Workers

These components use server:defer and are fetched independently after the initial page load. Each island loads at its own pace.

Loading server time...

Loading user session...

Loading random quote...

This card is static - it was rendered at build time alongside the page shell.

Server Islands

Client Component

This server island fetches data from a Prisma Postgres database. Real database queries executed at the edge via Cloudflare Workers.

Loading database posts...

This component runs entirely in the browser with JavaScript. It's interactive immediately after the page loads - no server roundtrip needed.

This component runs entirely on the client with vanilla JavaScript

Initial Load: The page shell and static content load instantly
Fallback Display: Server islands show their fallback content (loading skeletons)
Parallel Fetch: Each island fetches its content independently from the server
Progressive Hydration: Islands replace fallbacks as data arrives
Client Interactivity: Client-side components are interactive throughout

💡 Tip: Open DevTools Network tab and refresh to see the individual /_server-islands/* requests for each deferred component.