Gatsby: A React-based static-site generator

Gatsby is a React-based static site generator powered by GraphQL.
To create a new Gatsby project, we can, first,install the Gatsby CLI via npm:

npm install -g Gatsby

From here, we can create a new Gatsby project:

gatsby new [rootPath] [starter]

Starters allow us to quickly spin up different types of Gatsby sites. There are a number of Gatsby starters right within the GatsbyJs Github repo (https://gihub.com/gatsbyjs). For example, if you wanted to create a Gatsby project with a blog boilerplate, you could do the following:

gatsby new my-blog https://gihub.com/gatsbyjs/gatsby-starter-blog

If we cd into the newly created project’s root directory, we can execute gatsby develop to start the development server.


Eventually, amongst the text in your terminal, you should see the following:

You can now view gatsby-starter-blog in the browser:

http://localhost:8000/

There’s much more we could talk about, but we’ll stop here to give you a chance to get your hands dirty. 😊