Learn GatsbyJS by creating a tourism site -12

Nabendu Biswas
2 min readDec 15, 2019


Welcome to part-12 of the series. You can find part-11 here.

As told in the earlier post, this series is based on the learning from this awesome udemy course by John Smilga

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.


Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook.

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.

You can find part-13 here.



Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger