Menu
Cart, inventory, discounts, checkout against Shopify Storefront API.
How to move an app component into the headless @jasonyangcis/core-ui library — headless conversion, cross-repo file checklist, treeshake sentinel, changeset, consumer wiring.
How to wire a new Builder.io-rendered route or model — fetch helper, route, registry, config.
Pattern for adding a server Route Handler under app/api/** — origin check, zod body, server-only deps, safe responses.
Builder.io Gen-2 SDK patterns — fetch, render, register, model guard, preview.
Tokens, cn(), focus rings, shadcn/ui (new-york), insert-menu groups.
TS strict, four-file folder pattern, import boundaries, no console.
| name | shopify-commerce |
| description | Cart, inventory, discounts, checkout against Shopify Storefront API. |
lib/shopify/storefront-client.ts (server-only).cart_id.add / update / remove) via POST /api/cart. Client uses useCart() (SWR).availableForSale + quantityAvailable; disable AddToCartButton.POST /api/cart/discount → cartDiscountCodesUpdate. Surface userErrors.cart.checkoutUrl. Attach buyerIdentity.customerAccessToken when logged in.next: { tags: ["product:<handle>"], revalidate: 60 }. Webhooks call revalidateTag.