Storefront
7 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.
Full product detail page: image gallery on the left (up to 4 thumbnails that swap the main photo), and title, price, description, option chips for each variant (like size or color), a quantity field, Add to Cart and Buy Now on the right. Bound to the singular 'product' Stripe collection, resolved by slug from the URL.
Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.
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.
Shopify-style dropdown filter bar for a storefront. One dropdown per filterable product field (Color, Size, Material — whatever your catalog has) plus a Price range dropdown. Each value shows a live count that updates as other filters change, and values with no matching products are hidden. Facets come from your site's products collection, which is created when you sync Stripe products or import from Shopify.
Promo / coupon code input. Shoppers type a Stripe Promotion Code here; the code rides the next cart-checkout request and Stripe applies the discount on the hosted checkout page. Invalid codes surface a cart error; valid codes show a 'will be applied at checkout' note.