Learn GatsbyJS by creating a tourism site -5

Welcome to part-5 of the series. You can find part-4 here.

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

In this part, we will first learn how to do continuous deployment using netlify. It is a great service to host your gatsby project. As, this project is already on github, i just have to login to my netlify and link it to host the site.

Login to your netlify account or create one. Since, i already have a netlify account and have many sites hosted on it, by login screen looks like below. Here click on New site from Git button.

Image for post
Image for post
Netlify

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

Image for post
Image for post

We can open http://localhost:8000/___graphql in web browser and will be shown the below screen.

Image for post
Image for post
In Browser

Here, we will test our GraphQL queries before using it by StaticQuery or PageQuery in gatsby code.

We will be using image optimization in our project through GraphQL, as that is one of the main reason for sites to load slow.

But before we do that, we need to install some plugins and do some configs. We will start with that in the next part.

You can find part-6 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