Welcome to part-12 of the series. Let’s start by creating our Places component. Open your Places.js file and update as below. We are basically using the graphql query, which we created in GraphiQL in the previous part.

Places.js

Rest of the chapter is exclusive content and is from my book Foundation Gatsby Projects.

The book can be purchased from Apress site here

If we click on any of page, it will show us data from place-template.js

Dummy Place

We will create the place-template.js in the next part. This completes part-12 of the series. You can find my code in my github account here.

Also, because of the continuous deployment it got successfully pushed to netlify site.