To work with Magento and PWA Studio you need be familiar with their GraphQL API. Below step by step instructions to introduce you to Magento's GraphQL.
- If you're not familiar with GraphQL or GraphiQL read this short article on medium.
- Install the ChromeiQL browser extension.
- Set it to use a public Magento GraphQL endpoint.
https://master-7rqtwti-mfwmkrjfqvbjk.us-4.magentosite.cloud/graphql - Explore the docs section to see what queries and mutations are currently available in Magento's GraphQL API.
- Run the following query:
{
category(
id: 10
) {
url_key
products{
items {
name
}
}
}
}- Compare Magento's GraphiQL docs to their Swagger REST docs.
- Check to see what GraphQL queries the venia storefront demo is using by looking at the chrome network tab.
- Try using one of these queries in GraphiQL.
