loading...
Cover image for Gatsby: A React-based static-site generator
Universal Equations

Gatsby: A React-based static-site generator

malkebulan profile image Mensah Alkebu-Lan Originally published at blogs.uequations.com ・1 min read

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

Posted on by:

malkebulan profile

Mensah Alkebu-Lan

@malkebulan

I've been fortunate to see digital transformation in organizations big, small, young, and old.

Universal Equations

UEQuations.com is the shortest path to Digital Transformation. Custom Computer Programming Services (Java, Scala, JavaScript)

Discussion

markdown guide