GraphiQL explorer
For convenience, Hydrogen includes a local GraphiQL explorer to help you create queries and learn about Shopify's Storefront API.
Requirements
Anchor link to section titled "Requirements"Make sure you have the following environment variables in place:
PUBLIC_STORE_DOMAINPUBLIC_STOREFRONT_API_VERSIONPUBLIC_STOREFRONT_API_TOKEN
The GraphiQL interface is available by default when running the Hydrogen CLI in development mode.
With the development server running, go to /graphiql in your browser.
If you're not using the Hydrogen CLI, or want to customize the GraphiQL interface, you can do so by creating a graphiql route in your project: