LUXE — Shopify Hydrogen Storefront
Headless commerce, fully custom.
LUXE is a quiet-luxury headless Shopify storefront for a fine-jewelry and ready-to-wear house — warm gold on a near-black charcoal canvas, an elegant serif display paired with clean sans, and refined motion. Built on Shopify Hydrogen (Remix) with a typed mock Storefront-API data layer, it runs with zero backend for the demo and connects to a real store through two documented seams. Twelve pieces across three collections, with a cart drawer, variant-rich product pages, and collection filtering.
Role · Design + headless Shopify storefront build (Hydrogen/Remix, mock Storefront API) · Updated Jun 2026
- The complete Shopify Hydrogen (Remix) storefront source — Home, Collection/Shop, Product, and Cart routes, delivered as a Hydrogen storefront, not a Liquid theme
- A typed mock Storefront-API data layer (12 products, 3 collections) that runs with zero backend, plus the real GraphQL queries for going live
- A step-by-step connection guide: Storefront API token, .env setup, and the loader-swap table to point at a real Shopify store
- Cart drawer and full cart page, variant selection, and client-side collection filtering and sorting
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify
Built on Shopify — catalog, orders and checkout are managed in the Shopify admin.
What makes it special
Quiet-luxury design system
Warm gold (#D4AF37) on a charcoal canvas, Cormorant Garamond display paired with Inter, gold hairline rules, and generous whitespace — taste over noise.
Headless Hydrogen architecture
A real Shopify Hydrogen (Remix) storefront with route loaders, a typed Storefront-API data layer, and an Oxygen server entry — not a stock Liquid theme.
Variant-rich product pages
Image gallery with thumbnails, a variant selector with sold-out states, compare-at pricing, editorial detail rows, and related products.
Cart drawer + full cart
A slide-in cart drawer that opens on add, plus a full cart page with quantity steppers, line removal, and an order summary — persisted to localStorage.
Connect a real store in two seams
Swap the mock client for createHydrogenContext and point loaders at the included GraphQL queries — components are unchanged. Fully documented in the README.
What’s included
- The complete Shopify Hydrogen (Remix) storefront source — Home, Collection/Shop, Product, and Cart routes, delivered as a Hydrogen storefront, not a Liquid theme
- A typed mock Storefront-API data layer (12 products, 3 collections) that runs with zero backend, plus the real GraphQL queries for going live
- A step-by-step connection guide: Storefront API token, .env setup, and the loader-swap table to point at a real Shopify store
- Cart drawer and full cart page, variant selection, and client-side collection filtering and sorting
- The quiet-luxury design system (shared CSS), self-contained imagery, responsive 375→4K layout, and WCAG 2.2 AA accessibility with reduced-motion fallbacks
Gallery
Make LUXE yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.