The purpose and background of GatsbyJS
Gatsby allows web developers to create static HTML files for every single page. Right after loading the page by the browser though, Gatsby will boot up React and enable the user to navigate through the website just like a single page app.
It also supports web developers in using external sources such as Drupal CMS, Contentful, WordPress, as well as Stripe, Trello, Medium, MongoDB, and many others. If the data you require can be accessed via an API, you can write a Gatsby source plugin to consume it as well. All these assets can be used simultaneously.
Gatsby can collate data from multiple sources which can then be queried by our templates. This is a significant difference when compared to most static site generators. Instead of only using Markdown files, I can now use any number of different data files locally. ~ explains Ray Gesualdo.
Gatsby is a perfect solution for the developers that just started using React, but it also is a suitable tool for small and medium businesses, startups and self-employed professionals with limited budgets. Using Gatsby doesn’t require a high-level experience with JS -it can be simply introduced to the developers previously working on such tools as WordPress.
The first steps in GatsbyJS
The GatsbyJS community is becoming more and more vibrant since the tool found a widespread of users using the generator for their software projects. Gatsby creators arm the users with an extremely friendly tutorial, available here. The installation of Gatsby takes literally a few seconds;
The benefits of using Gatsby JS
First of all, Gatsby is fast. Gatsby’s founder, Kyle Mathews performed a test comparing Instagram and Gatsbygram (Instagram’s clone built using Gatsby v1) using a simulated 3G network and a Moto G4 smartphone. The median speed index score for Gatsbygram was 3151 vs. 8251 for Instagram.
As a multi-purpose solution, Gatsby is a counterpart for traditional static site generators such as Jekyll; Content Management Systems (CMSs) like WordPress as well as Site builders like Squarespace. The chart below details Gatsby's capabilities in comparison with an above-mentioned example from each category.
GatsbyJS is an interesting alternative, and easy-to-use static web generator, which found its supporters also among experienced web developers. The community appreciates GatsbyJs for its speed, simplicity and the widespread of tools that it can be used with.
It’s a suitable tool for web developers at any level of seniority as it provides educational value to the rookies as well as speeds up some works of more experienced web engineers. Merixstudio developers had a chance to work with Gatsby on one micro-project, about which you can learn over here.
Good luck, old sport!