Getting Stared Gatsby

Welcome to Gatsby! We’re glad you’re here. The goal of this tutorial is to guide you through setting up and deploying your first Gatsby site using a starter template.

Set Up Your Development Environment

Before you start building your first Gatsby site, you’ll need to familiarize yourself with some core web technologies and make sure that you have installed all required software tools.

Install Node.js for your appropriate operating system

Node.js is an environment that can run JavaScript code outside of a web browser. Gatsby is built with Node.js. Using the Gatsby CLI

The Gatsby CLI tool lets you quickly create new Gatsby-powered sites and run commands for developing Gatsby sites. It is a published npm package.

The Gatsby CLI is available via npm and should be installed globally by running:

npm install -g gatsby-cli

Create a Gatsby site

1. Open up your terminal.

2. Create a new site from a starter: gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

3. Change into the working directory: cd hello-world

4. Start the development mode: gatsby develop

View your site locally

Open up a new tab in your browser and navigate to http://localhost:8000/