Example of using Graphql with Fetch

example-grapqhl-fetch.js

const queryFragment = `
    query {
        products(first: 10) {
            edges {
                node {
                    id
                    title
                }
            }
        }
    }
`;

function getGraphqlResponse() {
    // replace shop_id with correct store and update token in headers
    return fetch(`https://{shop_id}.myshopify.com/api/2021-10/graphql.json`, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-Shopify-Storefront-Access-Token': 'TOKEN-GOES-HERE',
        },
        body: JSON.stringify({
            query: queryFragment,
        }),
    })
        .then((resp) => resp.json())
        .catch((err) => console.log(err));
}


// example use

getGraphqlResponse().then(data => {
    console.log(data);
})