Gatsby, StaticQuery, and PageQuery part 3

Today is my 3rd day with Gatsby, if you read my previous post about GraphQL, I had a pending task bind the data from GraphQL using StaticQuery component and query in Pages. StaticQuery is used to connect our components with GraphQL, it can wrap all component and bring access to the query result. Page Query is const with the GraphQl…

Graphql and Gatsby part 2

I found that Gatsby uses GraphQL for sending data through to components, that means that understanding how GraphQL works in Gatsby is a must. Gatsby comes with a GraphQL’s web IDE for executing and testing our queries. When we run gatsby develop, this runs an instance of GraphQL IDE at http://localhost:8000/___graphql. You can also use this…

Starting with Gatsby part1

Gatsby as a React GraphQL and static site generator with easy development and amazing fast finish product that allows delivering faster websites. It comes with React, React Router, Webpack, Graphql and also it takes care of service workers, server-side rendering, code splitting, image loading and more. I’m motivated to start learning Gatsby and to use…