GraphQL learning resources
Use the following resources to learn more about GraphQL and how to use it in your apps:
Shopify GraphQL sandboxes
-
Install the Shopify GraphiQL app to explore the GraphQL Admin API and run queries and mutations against one of your development stores. The app has embedded API documentation and built-in validation.
-
Use Shopify's GraphQL Explorer to run queries with the Storefront API.
Shopify APIs
Explore Shopify's two GraphQL APIs:
-
Build a merchant-facing app that integrates with the Shopify admin.
-
Build a customized purchasing experience for a merchant's customers.
Shopify guides and tutorials
Build a Shopify app with Node and React
Build an app that uses Shopify Polaris components for the UI and Apollo Client to handle GraphQL queries and mutations.
The Shopify GraphQL Learning Kit
Download a collection of requests that you can run in Insomnia to follow this walkthrough of GraphQL fundamentals.
Migrate your app from REST to GraphQL
Learn how to migrate your app from using the REST Admin API to using the GraphQL Admin API and GraphQL Storefront API.
Other GraphQL guides
GraphQL official documentation
Read the official GraphQL user documentation and learn about other features of GraphQL, including more advanced aspects such as fragments, aliases, and directives.
-
Read an in-depth guide about GraphQL, and complete the full-stack tutorial. In the tutorial you create a GraphQL schema and server (available in several languages), and then build an app that runs queries and mutations against the schema.
GraphQL libraries
Apollo Client official documentation
Apollo Client enables you to define data requirements as part of UI components. Apollo Client supports several platforms, including React, React Native, native iOS, and native Android. Apollo also has a library for creating your own GraphQL server and defining your own API schema.
-
Relay is a framework for building React apps that's built by Facebook. Using Relay, you can specify the data that a component needs when you define the component, and Relay takes care of providing that data.