Astro Adapter — Advanced Protocols

Astro's <AlapLink> component is a thin wrapper around <alap-link> — the web component does all the work, which means the full progressive-rendering matrix ships for free when Astro hydrates on the client. This page uses the <alap-link> / <alap-lens> / <alap-lightbox> custom elements directly so it can run outside Astro's build. Personalized around the Astro ecosystem — async queries search HN for astro islands, static links cover astro.build, Starlight, and Content Collections.

For a full Astro-native example that uses the .astro component, see examples/sites/astro-integration/.

Placement Compass Rose (click a direction to set placement on every element on this page)

Quick confirm — Static Astro links (no async, opens instantly at the compass direction).

1. Progressive Async Menu

Slow menu — 5 items in 2s

Fast menu — 8 items in 500ms

Real data: HN search for astro islands

2. Mixed Static + Dynamic

static mock (async) HN (async)

Static Astro refs + 3 slow items

Static Astro refs + 4 HN stories

3. Error and Empty Placeholders

Forced error after 800ms

Empty result after 800ms

Static + error + slow

4. Lens — Metadata Card

Astro ecosystem lens (static + slow)

Astro lightbox (rocket hero + slow)

6. In-Flight Dedup

Trigger A — slow 4 items Trigger B — same token