DEV Community

Cover image for Gatsby: A React-based static-site generator
Mensah Alkebu-Lan for Universal Equations

Posted on • Originally published at blogs.uequations.com

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.

Alt Text
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. 😊
Alt Text

Discussion (0)