What is Gatsby?


At one point in time as a web developer, the only objective was to get content out into the world at a particular URL for it to be consumed. In today's world of website development, the team has to consider much more. The content existing on a page is not good enough. Some of the considerations in this modern world are:

  • Performance
  • Scalability
  • Security
  • SEO
  • Accessibility

June of 2017 Gatsby made its first beta appearance to solve some of these modern issues. This open-source JavaScript framework allows development teams to build fast, optimized websites that remain flexible to meet the change in business needs.

Gatsby does this by generating static HTML, resource pre-fetching, image optimization, and prioritizing critical styling. Under the hood Gatsby uses familiar modern frontend development technologies:

  • Babel
  • ESLint
  • GraphQL
  • React
  • Redux
  • Webpack

Once the shell of your site is created. There are several features you will want to implement. Such as adding Google Analytics, Sass compilation, a sitemap. All of these and more can be implemented with relative ease. The Gatsby ecosystem contains a plethora of plugins that can simply be added to your site with little configuration. For those more advanced use cases. One can develop a custom plugin to hook into the build process.

The next post in this series will walk through the machine setup process and the shell of a Gatsby site.