Gatsby Starter Hello World screenshot

Gatsby Starter Hello World

Author Avatar Theme by Gatsbyjs
Updated: 22 Dec 2025
645 Stars

Starter with the bare essentials needed for a Gatsby site

Categories

Overview

The hello-world boilerplate is a convenient starter package for starting projects with Gatsby, a fast app generator for React. It comes equipped with essential Gatsby configuration files to kickstart your development process. Users can explore a wide range of official and community-created starters for more specialized projects as well.

Features

  • Gatsby CLI: Use the Gatsby CLI to create a new site with the hello-world starter.
  • Source Code Editing: Easily edit and view changes in real-time by modifying the source code in the provided directory.
  • Querying Data: Utilize the included tool, ___graphql, to experiment with querying your site’s data.

Installation

  1. Create a Gatsby site with the Gatsby CLI and specify the hello-world starter.

    # Install Gatsby CLI globally
    npm install -g gatsby-cli
    
    # Create a new Gatsby site with the hello-world starter
    gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world
    
  2. Navigate into the new site’s directory.

    cd my-hello-world-starter
    
  3. Start the site locally.

    gatsby develop
    
  4. Open a browser and access http://localhost:8000 to view the live site. Additionally, you can use http://localhost:8000/___graphql to experiment with data querying.

Summary

The hello-world boilerplate provides a quick and efficient way to start your Gatsby projects. By following the installation guide, users can set up their development environment seamlessly and begin editing source code while previewing changes in real-time. The inclusion of tools for data querying further enhances the development experience.