blog-author_query-with-fragments.js

// `blog-author.js`
export const query = graphql`
  fragment postFields on PostsJson {
    slug
    title
    content
    publishDate(formatString: "MMMM DD, YYYY")
    tags
  }

  fragment authorFields on AuthorsJson {
    slug
    name
    biography
  }

  query ($id: String!) {
    author: authorsJson(id: {eq: $id}) {
      ...authorFields
      posts {
        ...postFields
      }
    }
  }
`

blog-post_query-with-fragments.js

// `blog-post.js`
export const query = graphql`
  fragment postFields on PostsJson {
    slug
    title
    content
    publishDate(formatString: "MMMM DD, YYYY")
    tags
  }

  fragment authorFields on AuthorsJson {
    slug
    name
    biography
  }

  query ($id: String!) {
    post: postsJson(id: {eq: $id}) {
      ...postFields
      author {
        ...authorFields
      }
    }
  }
`