Ben Borgers

How to create a sitemap for a Gatsby site

April 19, 2020

Install the Gatsby plugin:

npm install gatsby-plugin-sitemap

Then, add the root URL of your site (before the part that starts with /) to your gatsby-config.js, and activate the plugin:

// gatsby-config.js

module.exports = {
  siteMetadata: {
    siteUrl: "https://benborgers.com"
  },
  plugins: [
    "gatsby-plugin-sitemap"
  ]
}

Done! Your sitemap will be created at /sitemap.xml in production builds of your Gatsby website, and will also be properly linked in the <head> of each page.

More blog posts

Subscribe to my newsletter for a monthly round-up of new blog posts and projects Iā€™m working on!

Twitter ↗ RSS feed ↗