GraphQL with Vanilla JavaScript

cool.js

const api = axios.create({
  baseURL: "xxx/graphql",
  method: "POST",
  headers: { "Content-Type": "application/json" },
});

const CategoriesQuery = (first: number, after: string) =>
  JSON.stringify({
    query: /* GraphQL */ `
      query Categories($first: Int!, $after: String!) {
        categories(first: $first, after: $after) {
          nodes {
            id
            slug
            name
            description
          }
          pageInfo {
            endCursor
            hasNextPage
          }
        }
      }
    `,
    variables: {
      first,
      after,
    },
  });
  
const response = await api({ data: CategoriesQuery(2, "") });
const result = response.data;
console.log(result);

Auto formatts the GraphQL query with the /* GraphQL */ tag function (ES6) from Prettier.

Not needed to use gql or graphql as dependency. Not needed to use libs like Apollo, URQL, etc. Sometimes they're just overkill.