Gatsby Open Source Software

Gatsby Free Blogging Platform

Build Speedy Websites with Gatsby

Gatsby sites built fast by design. Ships with a sophisticated caching system which loads websites much faster.

Overview

A static site generator is essentially a set of tools for building static websites based on a set of input files. It takes your site contents, applies it to some template and generate purely static HTML files ready to be hosted on any hosting platform. Reading information from a database on every page load for a big website makes the user experience slow, though websites generated by the SSGs serve the pre compiled files to the browsers which increases the load times big time.

Gatsby is a free and open source static site generator framework based on React that helps developers build blazing fast websites and apps. It also provides a deployment platform. Therefore, it lets you preview, build and collaborate your Gatsby site or application.

Gatsby is quick and easy to setup and get start. With Gatsby you can build a complete website in the time it usually takes to build a prototype. Not only the development is fast with the Gatsby. Page loads are also very fast as Gatsby sites are fast by design.

It only loads whats required for the first page of your application. As result, this makes the site loads as fast as possible. Once loaded, it prefetches the resources for other pages in background. This prefetching makes the site feel lot faster as user click on the navigation and move between pages.

Gatsby takes away all the worries about performance of the website and let the team focus on the creating contents. It has a sophisticated built-in caching system which makes the websites load incredibly faster than other static site generator frameworks.

Recently more and more static site generators are gaining popularity and hence there are a number of alternatives to Gatsby’s are available like Jekyll, Hugo and Next.js

Requirements


Installing Gatsby is quite easy and only requires the following beforehand:

  1. NodeJS
  2. NPM
  3. Git

Features


  • Performance - Builds a site that is fast with small response time, completely accessible and responsive to user input.
  • Developer Experience - Delivering robust functionality that is stable, speedy, and visually intuitive to developers.
  • Governance 0 Provides monitor, measure, management and security to your site
  • Accessibility - Enables access to site content and functionality to literally anyone
  • Documentation - Detailed technical guides with tutorials and examples.
  • Ecosystem - Resources that facilitate development as they integrate with each other.

Installation Guide


Once all the requirements are installed, you can install Gatsby with npm:

npm install -g gatsby-cli

The above command installs Gatsby CLI globally on your machine.

gatsby new gatsby-site https://github.com/gatsbyjs/gatsby-starter-hello-world

The above command creates a new site

cd gatsby-site

The above command change directories into site folder

gatsby develop

The above command will start the development server. Gatsby will start a hot-reloading development environment accessible by default at http://localhost:8000.