Hydrogen Upgrades

SkillCommerce & finance

Step-by-step guides for upgrading Shopify Hydrogen between versions — breaking changes, code diffs, and migration steps for each release.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Hydrogen Upgrades skill

What this skill tells your AI

The instructions your AI receives, as published by weaverse/shopify-hydrogen-skills in skills/hydrogen-upgrades/SKILL.md and read by ahel’s review.

Version-by-version migration guides for upgrading Shopify Hydrogen. Each guide covers breaking changes, required code updates, and step-by-step diffs.

Live Documentation

Run these from this skill's own folder. The helpers ship inside the sibling shopify-hydrogen skill, so ../shopify-hydrogen/scripts/ exists whenever the whole pack is installed.

If you installed this skill on its own, that folder is absent and the commands below fail with MODULE_NOT_FOUND. Add the helpers once:

npx skills add Weaverse/shopify-hydrogen-skills --skill shopify-hydrogen

The references/ files in this skill remain a usable offline fallback if you would rather not install it.

For the latest upgrade information from Shopify:

node ../shopify-hydrogen/scripts/search_shopify_docs.mjs "hydrogen upgrade <version>"
node ../shopify-hydrogen/scripts/search_shopify_docs.mjs "hydrogen breaking changes"
node ../shopify-hydrogen/scripts/search_shopify_docs.mjs "hydrogen migration"

The curated guides below cover specific version jumps with detailed diffs and Weaverse-specific considerations.

Available Upgrade Guides

GuideKey Changes
2024.4.7 → 2024.7.1Optimistic variants, new session commit pattern, Layout component refactor, VariantSelector improvements
2024.10.1 → 2025.1.0v3_lazyRouteDiscovery flag, stylesheet link tag fixes
2025.1.0 → 2025.1.1v3_singleFetch flag, nonce support, json/defer deprecation, B2B stabilization
2025.1.2 → 2025.1.3v3_routeConfig flag, Layout export moved to separate file, routes.ts config
2025.1.3 → 2025.1.4Session logout fix, VariantSelector deprecation, product query updates, ProductForm refactor
2025.5.0 → 2025.7.0Major — React Router 7.9.x migration, context creation, entry point updates
2025.7.0 → 2026.1.0Major@react-router 7.12, @shopify/hydrogen 2026.1.0, Storefront API 2026-01, new cart mutations

Upgrade Process

1. Use the official upgrade tool first

npx @shopify/upgrade

This CLI diffs your project against the latest Hydrogen skeleton and applies changes interactively.

2. Find the right guide above

Match your current version to the appropriate guide. For multi-version jumps, apply each guide in order.

3. Regenerate types after upgrading

npm run codegen

Never edit .d.ts generated files directly — always regenerate them.

4. Resources

Signals

GitHub stars
87
Forks
26
Last commit
Sep 2026

ahel review

  • K1binfo
    installs-packages (in references/upgrade-2025.7.0-to-2026.1.0.md)

Automated review, not a security audit. Ruleset v1+k2.

Advanced
Catalog kind
skill
Gateway key
hydrogen-upgrades
Source
github.com/weaverse/shopify-hydrogen-skills