5 blocks · Live data from your Stripe account — product grids, pricing tiers, order history, customer lists, invoices, coupons, cart, and checkout.
Search input that filters the product list on the same page. Updates ?q= in the URL so results are shareable and SSR-rendered.
Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.
Full product detail page: image gallery on the left (up to 4 thumbnails click to swap), title / price / description / size + color chips / quantity / buy buttons on the right. Bound to the singular 'product' Stripe collection, resolved by slug from the URL.
Compact filter row with price range inputs and a sort dropdown. Writes ?minPrice, ?maxPrice, ?sort to the URL — SSR + client refetch handle the rest.
Prev / Next navigation for paged product lists. Reads ?page= and writes the next/prev value on click.