MCPcopy Index your code
hub / github.com/Shopify/hydrogen-v1

github.com/Shopify/hydrogen-v1 @1.6.1 sqlite

repository ↗ · DeepWiki ↗ · release 1.6.1 ↗
1,801 symbols 5,347 edges 767 files 24 documented · 1%
README
<a href="https://hydrogen.shopify.dev"><img src="https://github.com/Shopify/hydrogen-v1/raw/1.6.1/github/images/hydrogen-logo.svg" alt="Hydrogen Logo"/></a>






<a href="https://www.npmjs.com/package/@shopify/hydrogen"><img src="https://img.shields.io/npm/v/@shopify/hydrogen.svg?sanitize=true" alt="Version"></a>
<a href="https://github.com/Shopify/hydrogen/blob/main/LICENSE.md"><img src="https://img.shields.io/npm/l/@shopify/hydrogen.svg?sanitize=true" alt="License"></a>
<a href="https://npmcharts.com/compare/@shopify/hydrogen?minimal=true"><img src="https://img.shields.io/npm/dm/@shopify/hydrogen.svg?sanitize=true" alt="Downloads"></a>

📚 Docs | 🗣 Discord | 💬 Discussions | 📝 Changelog | 😎 Awesome Hydrogen

Hydrogen is a React-based framework for building dynamic, Shopify-powered custom storefronts.

Spin up a Hydrogen app in your browser with our playground or set up your local environment with the instructions below ⬇️

Getting Started

Requirements:

  • yarn or npm
  • Node.js version 16.14.0 or higher

Installation:

# Using `yarn`
yarn create @shopify/hydrogen

# Using `npm`
npm init @shopify/hydrogen

# Using `npx`
npx @shopify/create-hydrogen

Running locally:

  1. Start a development server
# Using `yarn`
yarn install
yarn dev

# Using `npm`
npm i
npm run dev
  1. Visit the development environment running at http://localhost:3000.

Learn more about getting started with Hydrogen.

Contributing to Hydrogen

Read our contributing guide

Other handy links

Learn more about Hydrogen.

Awesome Hydrogen - A curated list of awesome Hydrogen things.

👷‍♀️ Add npm packages to your project:

Extension points exported contracts — how you extend this code

QueryShopArgs (Interface)
The `queryShop` utility is a function that helps you query the Storefront API. * It's similar to the `useShopQuery` hoo
packages/hydrogen/src/utilities/apiRoutes.ts
ProductPriceProps (Interface)
(no doc)
packages/hydrogen-ui/src/ProductPrice.tsx
Metafield (Interface)
(no doc)
templates/demo-store/src/components/sections/Hero.tsx
MultipassResponse (Interface)
(no doc)
examples/multipass/src/types.ts
ServerContextJSONValueCircular (Interface)
(no doc)
packages/hydrogen/src/streaming.server.ts
VideoProps (Interface)
(no doc)
packages/hydrogen-ui/src/Video.tsx
SpreadMediaProps (Interface)
(no doc)
templates/demo-store/src/components/sections/Hero.tsx
MultipassCustomer (Interface)
(no doc)
examples/multipass/src/types.ts

Core symbols most depended-on inside this repo

get
called by 137
examples/partytown-gtm/public/~partytown/debug/partytown-ww-sw.js
toString
called by 122
examples/partytown-gtm/public/~partytown/debug/partytown-ww-sw.js
replace
called by 98
examples/partytown-gtm/public/~partytown/debug/partytown-ww-sw.js
getRawMetafield
called by 73
packages/hydrogen/src/utilities/tests/metafields.ts
set
called by 72
packages/hydrogen/src/foundation/Cookie/Cookie.ts
callMethod
called by 54
examples/partytown-gtm/public/~partytown/debug/partytown-ww-sw.js
gql
called by 51
packages/hydrogen/src/utilities/graphql-tag.ts
resolve
called by 49
packages/hydrogen/src/framework/plugins/vite-plugin-hydrogen-middleware.ts

Shape

Function 1,347
Method 245
Interface 130
Enum 41
Class 38

Languages

TypeScript100%

Modules by API surface

examples/partytown-gtm/public/~partytown/debug/partytown-ww-sw.js152 symbols
examples/partytown-gtm/public/~partytown/debug/partytown-ww-atomics.js152 symbols
examples/partytown-gtm/public/~partytown/debug/partytown-media.js48 symbols
examples/partytown-gtm/public/~partytown/partytown-media.js47 symbols
examples/partytown-gtm/public/~partytown/debug/partytown-sandbox-sw.js43 symbols
examples/partytown-gtm/public/~partytown/debug/partytown-atomics.js42 symbols
packages/hydrogen/src/storefront-api-types.ts40 symbols
examples/partytown-gtm/public/~partytown/partytown-atomics.js34 symbols
packages/hydrogen/src/entry-server.tsx27 symbols
packages/hydrogen/src/foundation/HydrogenRequest/HydrogenRequest.server.ts17 symbols
packages/hydrogen/src/components/CartProvider/CartProvider.client.tsx17 symbols
templates/demo-store/src/lib/utils.ts15 symbols

Dependencies from manifests, versioned

@babel/core7.17.5 · 1×
@changesets/changelog-github0.4.3 · 1×
@changesets/cli2.21.1 · 1×
@cloudflare/kv-asset-handler* · 1×
@faker-js/faker7.5.0 · 1×
@google/model-viewer1.12.1 · 1×
@graphql-codegen/add3.1.1 · 1×
@graphql-codegen/cli2.6.2 · 1×
@graphql-codegen/graphql-modules-preset2.3.5 · 1×
@graphql-codegen/import-types-preset2.1.12 · 1×
@graphql-codegen/introspection2.1.1 · 1×

For agents

$ claude mcp add hydrogen-v1 \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact