Up and Running with Gatsby: Working with Data

Add Site Metadata


With Gatsby, you can add site metadata you can query using GraphQL.

Let's dip our toes into using GraphQL with Gatsby to get some site metadata.

In this video, we'll add a site-wide title, author, and description that we can use anywhere by querying for it.

First, open up gatsby-config.js. Above the plugins array, add a siteMetadata object:

siteMetadata: {
    title: "Gatsby Thinkster",
    description: "Gatsby is awesome!",
    author: "Sam Julien",

Before we start using this data, let's learn about the GraphiQL explorer (your new best friend) in the next video.