Headless Furniture Configurator
A Hydrogen storefront with editable product options, live configuration, server-enforced pricing, and workshop-ready order data.
Challenge
Made-to-order furniture created too many option combinations for Shopify's standard variant model. The experience needed live previews and real-time pricing while enforcing add-on pricing server-side, not in browser code.
Solution
Built a headless storefront with Hydrogen on Oxygen, modeled fabrics and finishes with Shopify Metaobjects, stored selections as line-item properties, and enforced add-on pricing at checkout with Shopify Functions.
Result
Delivered a robust furniture configurator without variant explosion, passing complete build specifications to the workshop while keeping Shopify checkout and fulfillment intact.
Team
Medium team, 10 weeks
Headless frontend, Shopify platform, functions, and fulfillment integration
Role
Handled headless architecture, configuration modeling, React configurator, and Shopify Functions.
Modeled options in Metaobjects, built the configurator in React, and moved pricing enforcement into checkout logic.
Tech Stack
Key Features
Hydrogen storefront hosted on Oxygen
Metaobject-driven configurable options
Live preview and dependency rules
Checkout-time price enforcement with Shopify Functions
Workshop-ready specifications on order line items
Technical Highlights
Avoided Variant Explosion
Modeled configurable dimensions as editable Metaobjects instead of creating thousands of product variants.
Server-Enforced Pricing
Applied add-on pricing through Shopify Functions so the final charge does not depend on client-side calculations.