Hydrogen contains a set of Shopify-specific commerce components, hooks, and utilities that help accelerate your development process. This guide describes how Hydrogen consumes data from different sources.
How it worksAnchor link to section titled "How it works"
Hydrogen supports data coming from Shopify and third-parties:
Shopify data sourceAnchor link to section titled "Shopify data source"
Hydrogen is built and optimized to use data coming from Shopify's Storefront API. The shape of the data passed to components, hooks, and utilities corresponds and conforms to the structure based on the GraphQL types from the Storefront API.
Third-party data sourcesAnchor link to section titled "Third-party data sources"
Hydrogen can also support data from third-party sources. If you want to use Hydrogen components with a third-party data source, then data from the third-party source must first be transformed into the types expected by the Hydrogen components, hooks, and utilities, and then passed on to the components, hooks, and utilities.
- Learn how to perform common tasks for working with third-party data sources in Hydrogen.
- Get familiar with the Shopify-specific commerce components, hooks, and utilities included in Hydrogen.
- Learn about Hydrogen's architecture and framework.