Learn GatsbyJS by creating a tourism site -12

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.

Image for post
Image for post
Places.js

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

Image for post
Image for post

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

Image for post
Image for post
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.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store