For convenience, Hydrogen includes a local GraphiQL explorer to help you create queries and learn about Shopify's Storefront API.
RequirementsAnchor link to section titled "Requirements"
Make sure you have the following environment variables in place:
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: