Components from Stream Scripts ← Back to Demo Home

Streamed Catalog

Three <script data-bascik-stream> batches each return <product-card> tags, and the Worker renders them as each batch resolves.

The page shell paints first. The first batch is the slowest and the second the fastest, yet the tiles arrive in document order, and the component's stylesheet is sent once, ahead of the first tile. Add ?delay=1500 to slow every batch down.

Pour-over kettle

$48

New

Ceramic dripper

$22

Standard

Milk frother

$129

Best seller

Glass carafe

$31

Standard

Filters & holder

$9

Standard

Next: The same tiles rendered before headers commit on the catalog.