{"id":13417961,"url":"https://github.com/Shopify/hydrogen","last_synced_at":"2025-03-15T02:32:10.918Z","repository":{"id":65738147,"uuid":"538665344","full_name":"Shopify/hydrogen","owner":"Shopify","description":"Hydrogen lets you build faster headless storefronts in less time, on Shopify.","archived":false,"fork":false,"pushed_at":"2024-10-17T21:31:05.000Z","size":66057,"stargazers_count":1396,"open_issues_count":127,"forks_count":268,"subscribers_count":165,"default_branch":"main","last_synced_at":"2024-10-18T07:10:22.907Z","etag":null,"topics":["hydrogen","react","remix","shopify"],"latest_commit_sha":null,"homepage":"https://hydrogen.shop","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Shopify.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-19T19:28:49.000Z","updated_at":"2024-10-17T23:00:01.000Z","dependencies_parsed_at":"2023-10-13T09:00:48.835Z","dependency_job_id":"92198bde-1af0-43df-8958-00eb6afc6784","html_url":"https://github.com/Shopify/hydrogen","commit_stats":{"total_commits":1879,"total_committers":97,"mean_commits":"19.371134020618555","dds":0.8110697179350719,"last_synced_commit":"04b4c7c3362aa07fc12ce749bfc5a955aa1254e4"},"previous_names":[],"tags_count":318,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fhydrogen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fhydrogen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fhydrogen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shopify%2Fhydrogen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shopify","download_url":"https://codeload.github.com/Shopify/hydrogen/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221375129,"owners_count":16807962,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hydrogen","react","remix","shopify"],"created_at":"2024-07-30T22:00:56.257Z","updated_at":"2025-03-15T02:32:10.912Z","avatar_url":"https://github.com/Shopify.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://hydrogen.shopify.dev\"\u003e\u003cimg src=\"./.github/images/hydrogen-logo.svg\" alt=\"Hydrogen Logo\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n[![MIT License](https://img.shields.io/github/license/shopify/hydrogen)](LICENSE.md)\n[![npm downloads](https://img.shields.io/npm/dm/@shopify/hydrogen.svg?sanitize=true)](https://npmcharts.com/compare/@shopify/hydrogen?minimal=true)\n\n📚 [Docs](https://shopify.dev/custom-storefronts/hydrogen) | 💬 [Discussions](https://github.com/Shopify/hydrogen/discussions) | 📝 [Changelog](./packages/hydrogen/CHANGELOG.md)\n\nHydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with [Remix](https://remix.run/), Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks.\n\n \u003c/div\u003e\n\n## Hydrogen Legacy v1\n\nHydrogen legacy v1 has been moved [to a separate repo](https://github.com/Shopify/hydrogen-v1) and the [docs can be found here](https://shopify.github.io/hydrogen-v1/tutorials/getting-started).\n\n## Getting started with Hydrogen\n\n**Requirements:**\n\n- Node.js version 18.0.0 or higher\n- `npm` (or your package manager of choice, such as `yarn` or `pnpm`)\n\n1. Install the latest version of Hydrogen:\n\n   ```bash\n   npm create @shopify/hydrogen@latest\n   ```\n\n1. Run the local development server:\n\n   ```bash\n   npm install\n   npm run dev\n   ```\n\n1. Open your new Hydrogen app running at \u003chttp://localhost:3000\u003e.\n\nSee the complete [Hydrogen docs](https://shopify.dev/custom-storefronts/hydrogen).\n\n## Packages in this repo\n\nHydrogen is organized as a [monorepo](https://monorepo.tools/), which includes multiple packages that can be used together.\n\n| Package                                                    | Latest version                                                                                                                                | Description                                                                                                    | Readme                                      |\n| ---------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ------------------------------------------- |\n| [`@shopify/hydrogen`](/packages/hydrogen/)                 | [![Latest badge](https://img.shields.io/npm/v/@shopify/hydrogen/latest.svg)](https://www.npmjs.com/package/@shopify/hydrogen)                 | Opinionated tools, utilities, and best-in-class examples for building a commerce application with Remix.       | [Readme](/packages/hydrogen#readme)         |\n| [`@shopify/hydrogen-react`](/packages/hydrogen-react/)     | [![Latest badge](https://img.shields.io/npm/v/@shopify/hydrogen-react/latest.svg)](https://www.npmjs.com/package/@shopify/hydrogen-react)     | Unopionated and performant library of Shopify-specific commerce components, hooks, and utilities.              | [Readme](/packages/hydrogen-react#readme)   |\n| [`@shopify/cli-hydrogen`](/packages/cli/)                  | [![Latest badge](https://img.shields.io/npm/v/@shopify/cli-hydrogen/latest.svg)](https://www.npmjs.com/package/@shopify/cli-hydrogen)         | Hydrogen extension for [Shopify CLI](https://shopify.dev/docs/custom-storefronts/hydrogen/cli).                | [Readme](/packages/cli#readme)              |\n| [`@shopify/create-hydrogen`](/packages/create-hydrogen/)   | [![Latest badge](https://img.shields.io/npm/v/@shopify/create-hydrogen/latest.svg)](https://www.npmjs.com/package/@shopify/create-hydrogen)   | Generate a new Hydrogen project from the command line.                                                         | [Readme](/packages/create-hydrogen#readme)  |\n| [`@shopify/hydrogen-codegen`](/packages/hydrogen-codegen/) | [![Latest badge](https://img.shields.io/npm/v/@shopify/hydrogen-codegen/latest.svg)](https://www.npmjs.com/package/@shopify/hydrogen-codegen) | Generate types for Storefront API queries automatically.                                                       | [Readme](/packages/hydrogen-codegen#readme) |\n| [`@shopify/remix-oxygen`](/packages/remix-oxygen/)         | [![Latest badge](https://img.shields.io/npm/v/@shopify/remix-oxygen/latest.svg)](https://www.npmjs.com/package/@shopify/remix-oxygen)         | Remix adapter enabling Hydrogen to run on the [Oxygen](https://shopify.dev/custom-storefronts/oxygen) runtime. | [Readme](/packages/remix-oxygen#readme)     |\n| [`@shopify/mini-oxygen`](/packages/mini-oxygen/)           | [![Latest badge](https://img.shields.io/npm/v/@shopify/mini-oxygen/latest.svg)](https://www.npmjs.com/package/@shopify/mini-oxygen)           | A local runtime for Hydrogen apps that simulates the Oxygen production environment.                            | [Readme](/packages/mini-oxygen#readme)      |\n\n## Versioning\n\nHydrogen and hydrogen-react are tied to specific versions of the [Shopify Storefront API](https://shopify.dev/api/storefront), which follows [calver](https://calver.org/).\n\nFor example, if you're using Storefront API version `2023-01`, then Hydrogen and hydrogen-react versions `2022.1.x` are fully compatible.\n\nIf the Storefront API version update includes breaking changes, then Hydrogen and hydrogen-react may also include breaking changes. Because the API version is updated every three months, breaking changes could occur every three months.\n\nLearn more about API [release schedules](https://shopify.dev/api/usage/versioning#release-schedule) at Shopify.\n\n## Contributing to Hydrogen\n\n[Read our contributing guide](CONTRIBUTING.md)\n\n## Other handy links\n\n[Learn more about Hydrogen](https://shopify.dev/hydrogen).\n","funding_links":[],"categories":["Uncategorized","TypeScript","Projects using `@faker-js/faker`","react","Official Resources"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShopify%2Fhydrogen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FShopify%2Fhydrogen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FShopify%2Fhydrogen/lists"}