Creating My Blog Using Gatsby-React

I have been learning about different ways to host my blog. Easiest and quick way was to use CMS like Wordpress, this requires a server. Wordpress has lot of features and add-ons to use. For me blog is mostly static posts, you don’t need server to host a static site. Just waste of resources. I started looking at famous static site generators like Hugo, Hexo, Jekyll, Pelican. Then I found Gatsby, it’s a React based static site generator.

I will guide you with below steps:

• Setting up Gatsby
• Adding a theme
• Creating a new post
• Push blog to GitHub
• Host blog on GitHub Pages
• Redirect GitHub Pages to a custom domain

Refer: https://gatsbyjs.org/

Install Gatsby on you local machine, you can use existing starters for quickstart or build website from scratch. I used lumen starter from gatsby central and modified it a little. Watch this 4 hour bootcamp lesson by Andrew Mead to understand gatsby, react.

Once you have developed your gatsby site. Head over to github and create a repository as gitusername.github.io and push your site code to this repo. Optionally you can add your custom domain name to the repo.

If you have any questions or need help in creating your gatsby site contact me.