Skip to main content

Hydrogen Cookbook

The Hydrogen Cookbook offers step-by-step recipes for adding new features to your project. Each recipe includes adaptable code samples, detailed instructions, and best practices to speed up development.

Note

Recipes are based on the default Hydrogen project template. The required code changes might look different for your own project.

Anchor to RecipesRecipes

B2B Commerce

Add Business-to-Business (B2B) functionality with company locations, quantity rules, and volume pricing.

Bundles

Add support for bundles on product pages and in the cart.

Combined listings

Display combined listings on product pages and in search results.

Custom Cart Method

Add inline product option editing to cart items.

Dynamic Content with Metaobjects

Build a flexible CMS using Shopify metaobjects for dynamic content sections.

Express Server

Deploy Hydrogen on Node.js with Express instead of Shopify Oxygen.

Google Tag Manager Integration

Add Google Tag Manager to your Hydrogen storefront for advanced analytics and marketing tracking.

Infinite Scroll

Add infinite scroll pagination to collection pages for seamless product browsing.

Legacy Customer Account Flow

Implement legacy customer account authentication using the Storefront API.

Markets

Add support for localized shopping experiences.

Partytown + Google Tag Manager

Add Partytown web worker integration for Google Tag Manager to improve performance.

Subscriptions

Display selling plans for subscription-based products.

Third-party API Queries and Caching

Add third-party GraphQL API queries with Oxygen's sub-request caching to your Hydrogen storefront.

Was this page helpful?