Data sources
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 works
Anchor link to section titled "How it works"Hydrogen supports data coming from Shopify and third-parties:
Shopify data source
Anchor 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.
You can pass data from the Storefront API directly into components, hooks, and utilities.
For example, the ProductOptionsProvider
component expects product data to have the following structure, which corresponds to the Product
object type returned from the Storefront API:
Third-party data sources
Anchor 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.