Exploring and Configuring Hygraph API

After our models have been created and our contents added to our Hygraph CMS, we need a way to communicate with Hygraph so we can fetch the data into our React application.

This is done with the Hygraph content API. This API can be accessed for free, a massive advantage of using a headless CMS compared to building a back-end system from scratch. We won’t struggle with getting a hosting service, securing our back-end codes, and so on.

We have to generate the API and start consuming it in our application.

Hygraph API playground

Hygraph has an API playground we can use to generate our GraphQL queries and test them immediately before using them in our application. This playground is friendly and does not require technical expertise or knowledge to generate our queries.

On our project's dashboard, we can access the content API playground via either of the two options labeled in the image below.

Note: The image above has two ticks that show that we have completed two stages—setting up our schema and adding contents. We can now move to the third stage—exploring the content API.

When we click either of the options, the Content API playground ...