Composite product cards

Server fetches the product catalog and renders each card's structure. The interactive AddToCart button is a pure client component supplied via a component slot — its useState and click handler run in the browser.

Hibernating Otter Plush

Perfect companion for a long nap. Hibernates when not in use.

$24

Edge-Cached Coffee Mug

Stays warm at the edge of your desk. TTL: 3 hours.

$18

Distributed Hammock

Sleep replicated across multiple availability zones.

$89

Click + Add to cart — the toggle is fully client-side. The product data, prices and descriptions all came from the server-rendered card structure.