hydrogen-cookbooks
Hydrogen Cookbooks
Concrete, step-by-step guides for building specific features in a Shopify Hydrogen storefront. Each cookbook is a self-contained recipe with code, file changes, and implementation notes.
Live Documentation
For the latest Hydrogen cookbook recipes from Shopify:
node scripts/search_shopify_docs.mjs "hydrogen cookbook <topic>"
For Weaverse-specific patterns:
node scripts/search_weaverse_docs.mjs "<topic>"
The references below are curated guides that may include Weaverse-specific patterns not available in the live docs.
More from weaverse/shopify-hydrogen-skills
shopify-hydrogen
Core Shopify Hydrogen APIs — createHydrogenContext, cart handler, CartForm, caching strategies, pagination, SEO, variant selection, analytics, and CSP.
19hydrogen-upgrades
Step-by-step guides for upgrading Shopify Hydrogen between versions — breaking changes, code diffs, and migration steps for each release.
18theme-update
Safely update a Weaverse Pilot theme to the latest version — detects current version, fetches release diffs, plans changes category-by-category, preserves customizations, verifies build.
16weaverse-hydrogen
Build Shopify Hydrogen storefronts with Weaverse — components, schemas, loaders, theming, data fetching, React Router v7, deployment, and advanced features.
15weaverse-integration
Integrate Weaverse into an existing Shopify Hydrogen project — analyze codebase, convert existing components to Weaverse sections, set up SDK, configure routes, and preserve coding style. For projects not yet using Weaverse.
13generating-weaverse-project-json
Use when generating Weaverse project export JSON for import into the Weaverse editor. Triggers on requests to create, build, or produce a Weaverse project JSON file from a site migration, design spec, page layout description, or existing export. Also use when converting section plans into importable project and pages data.
9