Skip to main content

Advanced Playbook

Welcome to the advanced section of Haus Tech's headless commerce docs. These guides assume you've completed the concepts in Getting Started and are ready to tailor the platform to the specific needs of your storefront.

What You Will Learn​

  • Extend the SDK: Compose custom GraphQL operations, augment the generated client, and layer domain services on top of useSdk.
  • Activate rich plugin behaviour: Wire Vendure plugins (badges, campaigns, search, etc.) into both the SDK and Store components with type-safe configuration.
  • Compose complex UX: Combine headless components (@haus-storefront-react/cart, product-list, product-variant-selector, etc.) into production-grade flows that adapt across web and native clients.
  • Scale teams and environments: Establish conventions for feature teams, preview environments, and fail-safe rollouts using the same primitives.

Each topic below dives deep into one aspect of the system and includes runnable examples plus integration checklists.

Advanced Topics​

  • SDK Extensions: Add custom methods, queries, and hooks to the SDK without forking packages.
  • Plugin Strategies: Compose Vendure plugin configs, gate features by environment, and expose plugin data in UI components.
  • Component Composition: Build end-to-end flows (catalog → cart → checkout) with reusable layout primitives and cross-cutting UX.

Need a refresher before diving in? Revisit Core and Store Hooks to ensure the foundational concepts are clear.

Last updated on