What is Gatsby JS?

Gatsby (or Gatsby JS) is an open-source static website generator (SSG) that is based on the frontend development framework React and makes use of Webpack and GraphQL technology. It can be used to build static sites that are progressive web apps, follow the latest web standards, and optimized for speed and security.

In an article on the BigCommerce Developer Blog from Karen White, notes the perception that SSGs can only be used for content-focused sites, not those with dynamic elements. But she says with React alongside it, Gatsby can build app-like sites even for ecommerce.

“All that is to say that Gatsby brings the speed of a statically generated site as well as the functionality of a framework,” she writes.

  1. Static site generator.
  2. React.
  3. GraphQL.
  4. Webpack.

Read more here.