Server-rendered cards

Search for a book to see the Worker create a fresh set of cards for your request. The server script returns a <book-card> tag for each match; Bascik fills its props and slots and includes its scoped CSS. The live-stock card below also runs its own nested server script.

Search the catalog

The list below is filtered by ?q= on every request. Try monolith or a query with no match.

Refactoring the Monolith

Grace Lin

Best seller

Live stock (a nested server script)

This tile is a <book-card-live>, which carries its own server script. The Worker runs that script once for the rendered tile with the current request and splices its stock line into the tile.

Refactoring the Monolith

Grace Lin

Live

Copies in stock · checked for /catalog at request time

What the script returns

This sample is page markup, not script output, so it stays text: only what a server or stream script returns is rendered at request time. 

<book-card data-bascik-prop-title="Refactoring the Monolith" data-bascik-prop-author="Grace Lin"><span>Best seller</span></book-card>

Next: Watch the same tiles stream in batches on the streamed catalog, or go back to Server Scripts.