---
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](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).

  \  "
api_version: 2025-04
api_name: hydrogen-react
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
---

# Storefront Schemautility

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

[![](https://shopify.dev/images/icons/32/gear.png)![](https://shopify.dev/images/icons/32/gear-dark.png)](https://shopify.dev/api/hydrogen-react/utilities/storefrontApiCustomScalars)

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

[![](https://shopify.dev/images/icons/32/gear.png)![](https://shopify.dev/images/icons/32/gear-dark.png)](https://shopify.dev/api/hydrogen-react/utilities/storefront-api-types)

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