---
title: Storefront Schema
description: >-
  Hydrogen React ships with a pre-generated GraphQL schema for the Storefront
  API, which can integrate with your IDE and other GraphQL tooling (such as a
  GraphQL config file) to provide autocompletion and validation for your
  Storefront API GraphQL queries.
api_version: 2026-04
source_url:
  html: >-
    https://shopify.dev/docs/api/hydrogen-react/latest/utilities/storefront-schema
  md: >-
    https://shopify.dev/docs/api/hydrogen-react/latest/utilities/storefront-schema.md
api_name: hydrogen-react
---

# Storefront Schema

Hydrogen React ships with a pre-generated GraphQL schema for the Storefront API, which can integrate with your IDE and other GraphQL tooling (such as a [GraphQL config file](https://www.graphql-config.com/docs/user/user-usage)) to provide autocompletion and validation for your Storefront API GraphQL queries.

This schema is generated using the Storefront API's introspection query, and is available at `@shopify/hydrogen-react/storefront.schema.json`.

To get these features working in your IDE, you may need to install an extension. For example, in VSCode you can install this [GraphQL extension](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql).

### Examples

* #### .graphqlrc.yml

  ##### Description

  I am the default example

  ##### GraphQL Config File

  ```yml
  schema: node_modules/@shopify/hydrogen-react/storefront.schema.json
  ```

***

## Related

[storefrontApiCustomScalars](https://shopify.dev/docs/api/hydrogen-react/2026-04/utilities/storefrontapicustomscalars)

[Storefront API Types](https://shopify.dev/docs/api/hydrogen-react/2026-04/utilities/storefront-api-types)

***