Querying data in NextJS using GraphQL in Sanity - fetch request format not clear

export async function getStaticProps() {
  const graphQlQuery = `
    query {
      allPost (sort: {publishDate: DESC}) {
        _id
        title
        publishDate
        readTime
        slug {current}
        contentRaw 
      }
    }
  `;

  const allPostsData = await fetch(
    '<https://xxxxxxxx.api.sanity.io/v1/graphql/production/default>',
    {
      method: 'POST',
      headers: {
        'content-type': 'application/json',
      },
      body: JSON.stringify({
        query: graphQlQuery,
        variables: {},
      }),
    }
  )
    .then((res) => res.json())
    .then((data) => console.log(data));
  return {
    props: {
      allPostsData,
    },
  };
}

const response = await fetch(…)
const data = await response.json()

console.log(data)