← Advanced Protocol Hub

Qwik Adapter — Advanced Protocols

Qwik's resumability model requires its own optimizer plugin (@builder.io/qwik/optimizer) and a dedicated Vite config. The Qwik adapter itself (alap/qwik) is tested against the same ProgressiveRenderer infrastructure as every other adapter — see tests/ui/qwik/qwik-adapter.test.ts for 16 tests covering menu / dismissal / keyboard / placement.

To run a Qwik page with Alap, scaffold a standard Qwik City project:

npm create qwik@latest

# in your project's .tsx file:
import { AlapProvider, AlapLink } from 'alap/qwik';

<AlapProvider config={myConfig}>
  <AlapLink query=":slow:2000:5:" placement="SE">
    Slow menu
  </AlapLink>
</AlapProvider>

All other scenarios from the advanced-protocol matrix work unchanged — the Qwik adapter ports the same ProgressiveRenderer pattern used by React, Vue, Svelte, Solid, and Alpine.