Learn GatsbyJS by creating a tourism site -11

Image for post
Image for post
Photo by JK on Unsplash

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

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

Here we will first create the queries in GraphiQL for our places. We have a Places page in our project and will also show Featured places on the home page.

So, head over to GraphiQL and type the below query to get all places. We can also get the details of the query from the docs, on the right side.

Image for post
Image for post
GraphiQL

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

Image for post
Image for post

Now, it will show our Featured Place with the name of the place below it.

Image for post
Image for post
Places

This completes part-11 of the series. You can find my code in my github account here.

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

You can find part-12 here.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

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