Use the GraphiQL Browser to Build Queries for Gatsby

Share this video with your friends

Send Tweet

In order to get data into the React components that make up a Gatsby site, you’ll write GraphQL queries. Gatsby ships with the GraphiQL in-browser IDE that allows exploration of the data that can be queried. In this lesson, we will use GraphiQL to help formulate the queries we’ll use when building the blog.

sandeep
sandeep
~ 5 years ago

The query looks more like this to me:

query MyQuery {
  allMarkdownRemark {
    edges {
      node {
        frontmatter {
          title
          path
          date
          excerpt
        }
      }
    }
  }
}