GatsbyJS

lastmod 2026-01-26created 2020-03-3017 edits

How to start

Install node, npm, and yarn using N.

Install the Gatsby CLI:

$ npm install -g gatsby-cli
## or
$ yarn global add gatsby-cli

Create a Gatsby site:

$ gatsby new answer-homepage https://github.com/gatsbyjs/gatsby-starter-hello-world

Start the site in develop mode:

$ cd answer-homepage/
$ gatsby develop

Tutorials

You need to be familiar with React and JSX.

For Visual Studio Code, the Prettier - Code formatter plugin is recommended.

List of Static Site Generator

• Static Site Generator
• Documentation generator
• Octopress
• Hugo (Golang)
• Pelican
• GatsbyJS (JS+React)
• Jekyll (Ruby)
• Hexo (JavaScript)
• JAMstack
• VuePress
• meli - open-source hosting platform for static sites
• Netlify
• GitHub Pages
• ROAPI - create APIs for static datasets without a single line of code
• zola - A fast static site generator in a single binary with everything built-in.
• Evidence - a web framework for data analysts (open source that turns documents written in SQL and Markdown into reports in the form of a static site)
• Eleventy - Eleventy, a simpler static site generator.
• Nuxt (JavaScript+Vue)
• Zola (Rust)
• Elder (JavaScript+Svelte)
• Lusift - JS library for building product tours
• Astro - ship as little JavaScript as possible
• fusion.ssg - a minimal framework for static websites
• 11ty
• SkunkHTML - automatically generate a website on GitHub Page from Markdown
• Pelican
• Sphinx (documentation generator)
• Redoc
• mkdocs
• Nikola
• Docusaurus
• Zensical
• Gitmal - static page generator for Git repositories

Gatsby Starters

• Starter Library | GatsbyJS

Recommended starters:

• https://www.gatsbyjs.org/starters/histaff/website-static/
• https://www.gatsbyjs.org/starters/scttcper/gatsby-casper/
• https://www.gatsbyjs.org/starters/GatsbyCentral/gatsby-v2-starter-casper/
• https://www.gatsbyjs.org/starters/LekoArts/gatsby-starter-portfolio-cara/
• https://www.gatsbyjs.org/starters/codebushi/gatsby-starter-dimension/
• https://www.gatsbyjs.org/starters/vasrush/gatsby-starter-landed/
• https://www.gatsbyjs.org/starters/anubhavsrivastava/gatsby-starter-spectral/
• https://www.gatsbyjs.org/starters/anubhavsrivastava/gatsby-starter-solidstate/
• https://www.gatsbyjs.org/starters/anubhavsrivastava/gatsby-starter-fractal/

See also

• Mastra - AI framework made by the Gatsby team

Favorite site

• Gatsby, a static site generator
• Building a blog with Gatsby (1)

Documentations

• Gatsby.js Tutorials

Tutorials

• Building a blog with Gatsby.js (1)
• Building a blog with Gatsby.js (2)
• Building a blog with Gatsby.js (3)
• Building a blog with Gatsby.js (4)
• Building a blog with Gatsby.js (5)
• Building a blog with Gatsby.js (6)
• Building a blog with Gastby.js (7)