Gatsby

The future of web development is here.

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.
It combines the control and scalability of dynamically rendered sites with the speed of static-site generation, creating a whole new web of possibilities.

Quickstart · Tutorial · Plugins · Starters · Showcase · Contribute
Support: Twitter, Discussions & Discord

Gatsby helps professional developers efficiently create maintainable, highly-performant, content-rich websites.

Load Data From Anywhere. Gatsby pulls in data from any data source, whether it’s Markdown files, a headless CMS like Contentful or WordPress, or a REST or GraphQL API. Use source plugins to load your data, then develop using Gatsby’s uniform GraphQL interface.
Go Beyond Static Websites. Get all the benefits of static websites with none of the limitations. Gatsby sites are fully functional React apps, so you can create high-quality, dynamic web apps, from blogs to e-commerce sites to user dashboards.
Choose your Rendering Options. You can choose alternative rendering options, namely Deferred Static Generation (DSG) and Server-Side Rendering (SSR), in addition to Static Site Generation (SSG) — on a per-page basis. This type of granular control allows you to optimize for performance and productivity without sacrificing one for the other.
Performance Is Baked In. Ace your performance audits by default. Gatsby automates code splitting, image optimization, inlining critical styles, lazy-loading, prefetching resources, and more to ensure your site is fast — no manual tuning required.
Use a Modern Stack for Every Site. No matter where the data comes from, Gatsby sites are built using React and GraphQL. Build a uniform workflow for you and your team, regardless of whether the data is coming from the same backend.
Host at Scale for Pennies. Gatsby sites don’t require servers, so you can host your entire site on a CDN for a fraction of the cost of a server-rendered site. Many Gatsby sites can be hosted entirely free on Netlify and other similar services.
Use Gatsby's Centralized Data Layer Everywhere. With Gatsby's Valhalla Content Hub you can bring Gatsby's data layer to any project. Making it accessible via a unified GraphQL API for building content sites, eCommerce platforms, and both native and web applications.

Learn how to use Gatsby for your next project.

🚀 Ship your first Gatsby site in 5 Minutes

Click the link below to quickly try the workflow of developing, building, and deploying websites with Gatsby and Netlify.

At the end of this process, you'll have

a site working on Netlify
a new repository that is linked to that new site
as you push changes to your new repository, Netlify will automatically rebuild and redeploy your site!

💻 Get started with Gatsby locally in 5 Minutes

You can get a new Gatsby site up and running on your local dev environment in 5 minutes with these four steps:

Initialize a new project.
```
npm init gatsby
```
Give it the name "My Gatsby Site".
Start the site in develop mode.

Next, move into your new site’s directory and start it up:
```
cd my-gatsby-site/
npm run develop
```
Open the source code and start editing!

Your site is now running at http://localhost:8000. Open the my-gatsby-site directory in your code editor of choice and edit src/pages/index.js. Save your changes, and the browser will update in real time!

At this point, you’ve got a fully functional Gatsby website. For additional information on how you can customize your Gatsby site, see our plugins and the official tutorial.

🎓 Learning Gatsby

Full documentation for Gatsby lives on the website.

For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
To dive straight into code samples head to our documentation. In particular, check out the “How-to Guides”, “Reference”, and “Conceptual Guides” sections in the sidebar.

We welcome suggestions for improving our docs. See the “how to contribute” documentation for more details.

Start Learning Gatsby: Follow the Tutorial · Read the Docs

🚢 Release Notes

Wondering what we've shipped recently? Check out our release notes for key highlights, performance improvements, new features, and notable bugfixes.

Also, read our documentation on version support to understand our plans for each version of Gatsby.

💼 Migration Guides

Already have a Gatsby site? These handy guides will help you add the improvements of Gatsby v5 to your site without starting from scratch!

❗ Code of Conduct

Gatsby is dedicated to building a welcoming, diverse, safe community. We expect everyone participating in the Gatsby community to abide by our Code of Conduct. Please read it. Please follow it. In the Gatsby community, we work hard to build each other up and create amazing things together. 💪💜

🤝 How to Contribute

Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Gatsby community!

Check out our Contributing Guide for ideas on contributing and setup steps for getting our repositories up and running on your local machine.

A note on how this repository is organized

This repository is a monorepo managed using Lerna. This means there are multiple packages managed in this codebase, even though we publish them to NPM as separate packages.

📝 License

Licensed under the MIT License.

💜 Thanks

Thanks go out to all our many contributors creating plugins, starters, videos, and blog posts. And a special appreciation for our community members helping with issues and PRs, or answering questions on Discord and GitHub Discussions.

A big part of what makes Gatsby great is each and every one of you in the community. Your contributions enrich the Gatsby experience and make it better every day.

gatsbyjs/gatsby

{
  "props": {
    "initialPayload": {
      "allShortcutsEnabled": false,
      "path": "/",
      "repo": {
        "id": 36040894,
        "defaultBranch": "master",
        "name": "gatsby",
        "ownerLogin": "gatsbyjs",
        "currentUserCanPush": false,
        "isFork": false,
        "isEmpty": false,
        "createdAt": "2015-05-21T22:43:05.000Z",
        "ownerAvatar": "https://avatars.githubusercontent.com/u/12551863?v=4",
        "public": true,
        "private": false,
        "isOrgOwned": true
      },
      "currentUser": null,
      "refInfo": {
        "name": "master",
        "listCacheKey": "v0:1734718291.0",
        "canEdit": false,
        "refType": "branch",
        "currentOid": "cddc252bf4cac57486ed5f5b544d50e4a92ce769"
      },
      "tree": {
        "items": [
          {
            "name": ".circleci",
            "path": ".circleci",
            "contentType": "directory"
          },
          {
            "name": ".github",
            "path": ".github",
            "contentType": "directory"
          },
          {
            "name": ".yarn/releases",
            "path": ".yarn/releases",
            "contentType": "directory",
            "hasSimplifiedPath": true
          },
          {
            "name": "benchmarks",
            "path": "benchmarks",
            "contentType": "directory"
          },
          {
            "name": "deprecated-packages",
            "path": "deprecated-packages",
            "contentType": "directory"
          },
          {
            "name": "docs",
            "path": "docs",
            "contentType": "directory"
          },
          {
            "name": "e2e-tests",
            "path": "e2e-tests",
            "contentType": "directory"
          },
          {
            "name": "examples",
            "path": "examples",
            "contentType": "directory"
          },
          {
            "name": "integration-tests",
            "path": "integration-tests",
            "contentType": "directory"
          },
          {
            "name": "packages",
            "path": "packages",
            "contentType": "directory"
          },
          {
            "name": "peril",
            "path": "peril",
            "contentType": "directory"
          },
          {
            "name": "scripts",
            "path": "scripts",
            "contentType": "directory"
          },
          {
            "name": "starters",
            "path": "starters",
            "contentType": "directory"
          },
          {
            "name": "types/gatsby-monorepo",
            "path": "types/gatsby-monorepo",
            "contentType": "directory",
            "hasSimplifiedPath": true
          },
          {
            "name": ".babelrc.js",
            "path": ".babelrc.js",
            "contentType": "file"
          },
          {
            "name": ".dockerignore",
            "path": ".dockerignore",
            "contentType": "file"
          },
          {
            "name": ".editorconfig",
            "path": ".editorconfig",
            "contentType": "file"
          },
          {
            "name": ".eslintignore",
            "path": ".eslintignore",
            "contentType": "file"
          },
          {
            "name": ".eslintrc.js",
            "path": ".eslintrc.js",
            "contentType": "file"
          },
          {
            "name": ".gitattributes",
            "path": ".gitattributes",
            "contentType": "file"
          },
          {
            "name": ".gitignore",
            "path": ".gitignore",
            "contentType": "file"
          },
          {
            "name": ".gitpod.Dockerfile",
            "path": ".gitpod.Dockerfile",
            "contentType": "file"
          },
          {
            "name": ".gitpod.yml",
            "path": ".gitpod.yml",
            "contentType": "file"
          },
          {
            "name": ".jestSetup.js",
            "path": ".jestSetup.js",
            "contentType": "file"
          },
          {
            "name": ".npmignore",
            "path": ".npmignore",
            "contentType": "file"
          },
          {
            "name": ".nvmrc",
            "path": ".nvmrc",
            "contentType": "file"
          },
          {
            "name": ".prettierignore",
            "path": ".prettierignore",
            "contentType": "file"
          },
          {
            "name": ".prettierrc.js",
            "path": ".prettierrc.js",
            "contentType": "file"
          },
          {
            "name": ".yarnrc",
            "path": ".yarnrc",
            "contentType": "file"
          },
          {
            "name": "CHANGELOG.md",
            "path": "CHANGELOG.md",
            "contentType": "file"
          },
          {
            "name": "CODEOWNERS",
            "path": "CODEOWNERS",
            "contentType": "file"
          },
          {
            "name": "CODE_OF_CONDUCT.md",
            "path": "CODE_OF_CONDUCT.md",
            "contentType": "file"
          },
          {
            "name": "CONTRIBUTING.md",
            "path": "CONTRIBUTING.md",
            "contentType": "file"
          },
          {
            "name": "GOVERNANCE.md",
            "path": "GOVERNANCE.md",
            "contentType": "file"
          },
          {
            "name": "LICENSE",
            "path": "LICENSE",
            "contentType": "file"
          },
          {
            "name": "README.md",
            "path": "README.md",
            "contentType": "file"
          },
          {
            "name": "SECURITY.md",
            "path": "SECURITY.md",
            "contentType": "file"
          },
          {
            "name": "jest-transformer.js",
            "path": "jest-transformer.js",
            "contentType": "file"
          },
          {
            "name": "jest.config.js",
            "path": "jest.config.js",
            "contentType": "file"
          },
          {
            "name": "jest.environment.ts",
            "path": "jest.environment.ts",
            "contentType": "file"
          },
          {
            "name": "lerna.json",
            "path": "lerna.json",
            "contentType": "file"
          },
          {
            "name": "markdown.config.js",
            "path": "markdown.config.js",
            "contentType": "file"
          },
          {
            "name": "package.json",
            "path": "package.json",
            "contentType": "file"
          },
          {
            "name": "peril.settings.json",
            "path": "peril.settings.json",
            "contentType": "file"
          },
          {
            "name": "renovate.json5",
            "path": "renovate.json5",
            "contentType": "file"
          },
          {
            "name": "tsconfig.json",
            "path": "tsconfig.json",
            "contentType": "file"
          },
          {
            "name": "yarn.lock",
            "path": "yarn.lock",
            "contentType": "file"
          }
        ],
        "templateDirectorySuggestionUrl": null,
        "readme": null,
        "totalCount": 47,
        "showBranchInfobar": false
      },
      "fileTree": null,
      "fileTreeProcessingTime": null,
      "foldersToFetch": [],
      "treeExpanded": false,
      "symbolsExpanded": false,
      "isOverview": true,
      "overview": {
        "banners": {
          "shouldRecommendReadme": false,
          "isPersonalRepo": false,
          "showUseActionBanner": false,
          "actionSlug": null,
          "actionId": null,
          "showProtectBranchBanner": false,
          "publishBannersInfo": {
            "dismissActionNoticePath": "/settings/dismiss-notice/publish_action_from_repo",
            "releasePath": "/gatsbyjs/gatsby/releases/new?marketplace=true",
            "showPublishActionBanner": false
          },
          "interactionLimitBanner": null,
          "showInvitationBanner": false,
          "inviterName": null,
          "actionsMigrationBannerInfo": {
            "releaseTags": [],
            "showImmutableActionsMigrationBanner": false,
            "initialMigrationStatus": null
          }
        },
        "codeButton": {
          "contactPath": "/contact",
          "isEnterprise": false,
          "local": {
            "protocolInfo": {
              "httpAvailable": true,
              "sshAvailable": null,
              "httpUrl": "https://github.com/gatsbyjs/gatsby.git",
              "showCloneWarning": null,
              "sshUrl": null,
              "sshCertificatesRequired": null,
              "sshCertificatesAvailable": null,
              "ghCliUrl": "gh repo clone gatsbyjs/gatsby",
              "defaultProtocol": "http",
              "newSshKeyUrl": "/settings/ssh/new",
              "setProtocolPath": "/users/set_protocol"
            },
            "platformInfo": {
              "cloneUrl": "https://desktop.github.com",
              "showVisualStudioCloneButton": false,
              "visualStudioCloneUrl": "https://windows.github.com",
              "showXcodeCloneButton": false,
              "xcodeCloneUrl": "xcode://clone?repo=https%3A%2F%2Fgithub.com%2Fgatsbyjs%2Fgatsby",
              "zipballUrl": "/gatsbyjs/gatsby/archive/refs/heads/master.zip"
            }
          },
          "newCodespacePath": "/codespaces/new?hide_repo_select=true&repo=36040894"
        },
        "popovers": {
          "rename": null,
          "renamedParentRepo": null
        },
        "commitCount": "21,714",
        "overviewFiles": [
          {
            "displayName": "README.md",
            "repoName": "gatsby",
            "refName": "master",
            "path": "README.md",
            "preferredFileType": "readme",
            "tabName": "README",
            "richText": "<article class=\"markdown-body entry-content container-lg\" itemprop=\"text\"><p align=\"center\" dir=\"auto\">\n  <a href=\"https://www.gatsbyjs.com\" rel=\"nofollow\">\n    <img alt=\"Gatsby\" src=\"https://camo.githubusercontent.com/374bcd9d2b474f551301d0e287f1f2973da18fda21352d0359b385157eac5d14/68747470733a2f2f7777772e6761747362796a732e636f6d2f4761747362792d4d6f6e6f6772616d2e737667\" width=\"60\" data-canonical-src=\"https://www.gatsbyjs.com/Gatsby-Monogram.svg\" style=\"max-width: 100%;\">\n  </a>\n</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h1 align=\"center\" tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">\n  Gatsby\n</h1><a id=\"user-content---gatsby\" class=\"anchor\" aria-label=\"Permalink: \n  Gatsby\n\" href=\"#--gatsby\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p align=\"center\" dir=\"auto\">\n  <strong>\n    The future of web development is here.\n  </strong>\n</p>\n<p align=\"center\" dir=\"auto\">\n  Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. <br> It combines the control and scalability of dynamically rendered sites with the speed of static-site generation, creating a whole new web of possibilities.\n</p>\n<p align=\"center\" dir=\"auto\">\n  <a href=\"https://github.com/gatsbyjs/gatsby/blob/master/LICENSE\">\n    <img src=\"https://camo.githubusercontent.com/6581c31c16c1b13ddc2efb92e2ad69a93ddc4a92fd871ff15d401c4c6c9155a4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667\" alt=\"Gatsby is released under the MIT license.\" data-canonical-src=\"https://img.shields.io/badge/license-MIT-blue.svg\" style=\"max-width: 100%;\">\n  </a>\n  <a href=\"https://circleci.com/gh/gatsbyjs/gatsby\" rel=\"nofollow\">\n    <img src=\"https://camo.githubusercontent.com/2197ed366eecb4e444e4ef1a7f1ad93477952adbf0a2e37a4dd086c0d6c101d5/68747470733a2f2f636972636c6563692e636f6d2f67682f6761747362796a732f6761747362792e7376673f7374796c653d736869656c64\" alt=\"Current CircleCI build status.\" data-canonical-src=\"https://circleci.com/gh/gatsbyjs/gatsby.svg?style=shield\" style=\"max-width: 100%;\">\n  </a>\n  <a href=\"https://www.npmjs.com/package/gatsby\" rel=\"nofollow\">\n    <img src=\"https://camo.githubusercontent.com/dd263ebdcd33ff2c27fb29dc9fa9ebc9d2335f96e467da72630e041b5f7b5acd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f6761747362792e737667\" alt=\"Current npm package version.\" data-canonical-src=\"https://img.shields.io/npm/v/gatsby.svg\" style=\"max-width: 100%;\">\n  </a>\n  <a href=\"https://npmcharts.com/compare/gatsby?minimal=true\" rel=\"nofollow\">\n    <img src=\"https://camo.githubusercontent.com/839742dba10dbe0af9b2ba9a71d395ee9da7ea8f2649984cc6f0bd1847b71fad/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f6761747362792e737667\" alt=\"Downloads per month on npm.\" data-canonical-src=\"https://img.shields.io/npm/dm/gatsby.svg\" style=\"max-width: 100%;\">\n  </a>\n  <a href=\"https://npmcharts.com/compare/gatsby?minimal=true\" rel=\"nofollow\">\n    <img src=\"https://camo.githubusercontent.com/0b7348f85b89405391fc0a638884441d8729d735e3cda5df90e2fa7fd8cfd610/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f6761747362792e737667\" alt=\"Total downloads on npm.\" data-canonical-src=\"https://img.shields.io/npm/dt/gatsby.svg\" style=\"max-width: 100%;\">\n  </a>\n  <a href=\"https://gatsbyjs.com/contributing/how-to-contribute/\" rel=\"nofollow\">\n    <img src=\"https://camo.githubusercontent.com/d88d8d77fa79e828eea397f75a1ebd114d13488aeec4747477ffbd2274de95ed/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5052732d77656c636f6d652d627269676874677265656e2e737667\" alt=\"PRs welcome!\" data-canonical-src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" style=\"max-width: 100%;\">\n  </a>\n  <a href=\"https://twitter.com/intent/follow?screen_name=gatsbyjs\" rel=\"nofollow\">\n    <img src=\"https://camo.githubusercontent.com/bbb2bdea22f2b8d1da325b0be2f52b8a826cbc4c0b4c77bea96422b6f2c806d4/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f666f6c6c6f772f6761747362796a732e7376673f6c6162656c3d466f6c6c6f77253230406761747362796a73\" alt=\"Follow @GatsbyJS\" data-canonical-src=\"https://img.shields.io/twitter/follow/gatsbyjs.svg?label=Follow%20@gatsbyjs\" style=\"max-width: 100%;\">\n  </a>\n</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 align=\"center\" tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">\n  <a href=\"https://www.gatsbyjs.com/docs/quick-start/\" rel=\"nofollow\">Quickstart</a>\n  <span> · </span>\n  <a href=\"https://www.gatsbyjs.com/docs/tutorial/getting-started/\" rel=\"nofollow\">Tutorial</a>\n  <span> · </span>\n  <a href=\"https://www.gatsbyjs.com/plugins/\" rel=\"nofollow\">Plugins</a>\n  <span> · </span>\n  <a href=\"https://www.gatsbyjs.com/starters/\" rel=\"nofollow\">Starters</a>\n  <span> · </span>\n  <a href=\"https://www.gatsbyjs.com/showcase/\" rel=\"nofollow\">Showcase</a>\n  <span> · </span>\n  <a href=\"https://www.gatsbyjs.com/contributing/how-to-contribute/\" rel=\"nofollow\">Contribute</a>\n  <br>\n  Support: <a href=\"https://twitter.com/AskGatsbyJS\" rel=\"nofollow\">Twitter</a>, <a href=\"https://github.com/gatsbyjs/gatsby/discussions\">Discussions</a>\n  <span> &amp; </span>\n  <a href=\"https://gatsby.dev/discord\" rel=\"nofollow\">Discord</a>\n</h2><a id=\"user-content---quickstart------tutorial------plugins------starters------showcase------contribute----support-twitter-discussions------discord\" class=\"anchor\" aria-label=\"Permalink: Quickstart · Tutorial · Plugins · Starters · Showcase · Contribute\n  Support: Twitter, Discussions &amp; Discord\" href=\"#--quickstart------tutorial------plugins------starters------showcase------contribute----support-twitter-discussions------discord\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Gatsby helps professional developers efficiently create maintainable, highly-performant, content-rich websites.</p>\n<ul dir=\"auto\">\n<li>\n<p dir=\"auto\"><strong>Load Data From Anywhere.</strong> Gatsby pulls in data from any data source, whether it’s Markdown files, a headless CMS like Contentful or WordPress, or a REST or GraphQL API. Use source plugins to load your data, then develop using Gatsby’s uniform GraphQL interface.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Go Beyond Static Websites.</strong> Get all the benefits of static websites with none of the limitations. Gatsby sites are fully functional React apps, so you can create high-quality, dynamic web apps, from blogs to e-commerce sites to user dashboards.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Choose your Rendering Options.</strong> You can choose alternative <a href=\"https://gatsbyjs.com/docs/conceptual/rendering-options/\" rel=\"nofollow\">rendering options</a>, namely Deferred Static Generation (DSG) and Server-Side Rendering (SSR), in addition to Static Site Generation (SSG) — on a per-page basis. This type of granular control allows you to optimize for performance and productivity without sacrificing one for the other.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Performance Is Baked In.</strong> Ace your performance audits by default. Gatsby automates code splitting, image optimization, inlining critical styles, lazy-loading, prefetching resources, and more to ensure your site is fast — no manual tuning required.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Use a Modern Stack for Every Site.</strong> No matter where the data comes from, Gatsby sites are built using React and GraphQL. Build a uniform workflow for you and your team, regardless of whether the data is coming from the same backend.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Host at Scale for Pennies.</strong> Gatsby sites don’t require servers, so you can host your entire site on a CDN for a fraction of the cost of a server-rendered site. Many Gatsby sites can be hosted entirely free on <a href=\"https://www.netlify.com/\" rel=\"nofollow\">Netlify</a> and other similar services.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Use Gatsby's Centralized Data Layer Everywhere.</strong> With Gatsby's <a href=\"https://www.gatsbyjs.com/products/valhalla-content-hub/\" rel=\"nofollow\">Valhalla Content Hub</a> you can bring Gatsby's data layer to any project. Making it accessible via a unified GraphQL API for building content sites, eCommerce platforms, and both native and web applications.</p>\n</li>\n</ul>\n<p dir=\"auto\"><a href=\"https://www.gatsbyjs.com/docs/\" rel=\"nofollow\"><strong>Learn how to use Gatsby for your next project.</strong></a></p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">🚀 Ship your first Gatsby site in 5 Minutes</h2><a id=\"user-content--ship-your-first-gatsby-site-in-5-minutes\" class=\"anchor\" aria-label=\"Permalink: 🚀 Ship your first Gatsby site in 5 Minutes\" href=\"#-ship-your-first-gatsby-site-in-5-minutes\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Click the link below to quickly try the workflow of developing, building, and deploying websites with Gatsby and Netlify.</p>\n<p dir=\"auto\"><a href=\"https://app.netlify.com/start/deploy?repository=https://github.com/gatsbyjs/gatsby-starter-blog&amp;utm_source=github&amp;utm_medium=link&amp;utm_campaign=onboarding&amp;utm_content=oss\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/8ef0cc1d083b2d67eb72500031401d9b52c3ecb9fb4c4405f46afd0d0aba02d6/68747470733a2f2f7777772e6e65746c6966792e636f6d2f696d672f6465706c6f792f627574746f6e2e737667\" alt=\"Deploy to Netlify\" data-canonical-src=\"https://www.netlify.com/img/deploy/button.svg\" style=\"max-width: 100%;\"></a></p>\n<p dir=\"auto\">At the end of this process, you'll have</p>\n<ol dir=\"auto\">\n<li>a site working on Netlify</li>\n<li>a new repository that is linked to that new site</li>\n<li>as you push changes to your new repository, Netlify will automatically rebuild and redeploy your site!</li>\n</ol>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">💻 Get started with Gatsby locally in 5 Minutes</h2><a id=\"user-content--get-started-with-gatsby-locally-in-5-minutes\" class=\"anchor\" aria-label=\"Permalink: 💻 Get started with Gatsby locally in 5 Minutes\" href=\"#-get-started-with-gatsby-locally-in-5-minutes\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">You can get a new Gatsby site up and running on your local dev environment in 5 minutes with these four steps:</p>\n<ol dir=\"auto\">\n<li>\n<p dir=\"auto\"><strong>Initialize a new project.</strong></p>\n<div class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"npm init gatsby\"><pre>npm init gatsby</pre></div>\n<p dir=\"auto\">Give it the name \"My Gatsby Site\".</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>Start the site in <code>develop</code> mode.</strong></p>\n<p dir=\"auto\">Next, move into your new site’s directory and start it up:</p>\n<div class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"cd my-gatsby-site/\nnpm run develop\"><pre><span class=\"pl-c1\">cd</span> my-gatsby-site/\nnpm run develop</pre></div>\n</li>\n<li>\n<p dir=\"auto\"><strong>Open the source code and start editing!</strong></p>\n<p dir=\"auto\">Your site is now running at <code>http://localhost:8000</code>. Open the <code>my-gatsby-site</code> directory in your code editor of choice and edit <code>src/pages/index.js</code>. Save your changes, and the browser will update in real time!</p>\n</li>\n</ol>\n<p dir=\"auto\">At this point, you’ve got a fully functional Gatsby website. For additional information on how you can customize your Gatsby site, see our <a href=\"https://gatsbyjs.com/plugins/\" rel=\"nofollow\">plugins</a> and <a href=\"https://www.gatsbyjs.com/docs/tutorial/getting-started/\" rel=\"nofollow\">the official tutorial</a>.</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">🎓 Learning Gatsby</h2><a id=\"user-content--learning-gatsby\" class=\"anchor\" aria-label=\"Permalink: 🎓 Learning Gatsby\" href=\"#-learning-gatsby\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Full documentation for Gatsby lives <a href=\"https://www.gatsbyjs.com/\" rel=\"nofollow\">on the website</a>.</p>\n<ul dir=\"auto\">\n<li>\n<p dir=\"auto\"><strong>For most developers, we recommend starting with our <a href=\"https://www.gatsbyjs.com/docs/tutorial/getting-started/\" rel=\"nofollow\">in-depth tutorial for creating a site with Gatsby</a>.</strong> It starts with zero assumptions about your level of ability and walks through every step of the process.</p>\n</li>\n<li>\n<p dir=\"auto\"><strong>To dive straight into code samples head <a href=\"https://www.gatsbyjs.com/docs/\" rel=\"nofollow\">to our documentation</a>.</strong> In particular, check out the “<i>How-to Guides</i>”, “<i>Reference</i>”, and “<i>Conceptual Guides</i>” sections in the sidebar.</p>\n</li>\n</ul>\n<p dir=\"auto\">We welcome suggestions for improving our docs. See the <a href=\"https://www.gatsbyjs.com/contributing/how-to-contribute/\" rel=\"nofollow\">“how to contribute”</a> documentation for more details.</p>\n<p dir=\"auto\"><strong>Start Learning Gatsby: <a href=\"https://www.gatsbyjs.com/docs/tutorial/getting-started/\" rel=\"nofollow\">Follow the Tutorial</a> · <a href=\"https://www.gatsbyjs.com/docs/\" rel=\"nofollow\">Read the Docs</a></strong></p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">🚢 Release Notes</h2><a id=\"user-content--release-notes\" class=\"anchor\" aria-label=\"Permalink: 🚢 Release Notes\" href=\"#-release-notes\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Wondering what we've shipped recently? Check out our <a href=\"https://www.gatsbyjs.com/docs/reference/release-notes\" rel=\"nofollow\">release notes</a> for key highlights, performance improvements, new features, and notable bugfixes.</p>\n<p dir=\"auto\">Also, read our <a href=\"https://www.gatsbyjs.com/docs/reference/release-notes/gatsby-version-support/\" rel=\"nofollow\">documentation on version support</a> to understand our plans for each version of Gatsby.</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">💼 Migration Guides</h2><a id=\"user-content--migration-guides\" class=\"anchor\" aria-label=\"Permalink: 💼 Migration Guides\" href=\"#-migration-guides\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Already have a Gatsby site? These handy guides will help you add the improvements of Gatsby v5 to your site without starting from scratch!</p>\n<ul dir=\"auto\">\n<li><a href=\"https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v4-to-v5/\" rel=\"nofollow\">Migrate from v4 to v5</a></li>\n<li><a href=\"https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v3-to-v4/\" rel=\"nofollow\">Migrate from v3 to v4</a></li>\n<li><a href=\"https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/\" rel=\"nofollow\">Migrate from v2 to v3</a></li>\n</ul>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">❗ Code of Conduct</h2><a id=\"user-content--code-of-conduct\" class=\"anchor\" aria-label=\"Permalink: ❗ Code of Conduct\" href=\"#-code-of-conduct\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Gatsby is dedicated to building a welcoming, diverse, safe community. We expect everyone participating in the Gatsby community to abide by our <a href=\"https://www.gatsbyjs.com/contributing/code-of-conduct/\" rel=\"nofollow\"><strong>Code of Conduct</strong></a>. Please read it. Please follow it. In the Gatsby community, we work hard to build each other up and create amazing things together. 💪💜</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">🤝 How to Contribute</h2><a id=\"user-content--how-to-contribute\" class=\"anchor\" aria-label=\"Permalink: 🤝 How to Contribute\" href=\"#-how-to-contribute\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Whether you're helping us fix bugs, improve the docs, or spread the word, we'd love to have you as part of the Gatsby community!</p>\n<p dir=\"auto\">Check out our <a href=\"https://www.gatsbyjs.com/contributing/\" rel=\"nofollow\"><strong>Contributing Guide</strong></a> for ideas on contributing and setup steps for getting our repositories up and running on your local machine.</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h3 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">A note on how this repository is organized</h3><a id=\"user-content-a-note-on-how-this-repository-is-organized\" class=\"anchor\" aria-label=\"Permalink: A note on how this repository is organized\" href=\"#a-note-on-how-this-repository-is-organized\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">This repository is a <a href=\"https://trunkbaseddevelopment.com/monorepos/\" rel=\"nofollow\">monorepo</a> managed using <a href=\"https://github.com/lerna/lerna\">Lerna</a>. This means there are <a href=\"https://github.com/gatsbyjs/gatsby/tree/master/packages\">multiple packages</a> managed in this codebase, even though we publish them to NPM as separate packages.</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">📝 License</h2><a id=\"user-content--license\" class=\"anchor\" aria-label=\"Permalink: 📝 License\" href=\"#-license\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Licensed under the <a href=\"/gatsbyjs/gatsby/blob/master/LICENSE\">MIT License</a>.</p>\n<div class=\"markdown-heading\" dir=\"auto\"><h2 tabindex=\"-1\" class=\"heading-element\" dir=\"auto\">💜 Thanks</h2><a id=\"user-content--thanks\" class=\"anchor\" aria-label=\"Permalink: 💜 Thanks\" href=\"#-thanks\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a></div>\n<p dir=\"auto\">Thanks go out to all our many contributors creating plugins, starters, videos, and blog posts. And a special appreciation for our community members helping with issues and PRs, or answering questions on Discord and GitHub Discussions.</p>\n<p dir=\"auto\">A big part of what makes Gatsby great is each and every one of you in the community. Your contributions enrich the Gatsby experience and make it better every day.</p>\n</article>",
            "loaded": true,
            "timedOut": false,
            "errorMessage": null,
            "headerInfo": {
              "toc": [
                {
                  "level": 1,
                  "text": "\n  Gatsby\n",
                  "anchor": "--gatsby",
                  "htmlText": "\n  Gatsby\n"
                },
                {
                  "level": 2,
                  "text": "Quickstart · Tutorial · Plugins · Starters · Showcase · Contribute\n  Support: Twitter, Discussions & Discord",
                  "anchor": "--quickstart------tutorial------plugins------starters------showcase------contribute----support-twitter-discussions------discord",
                  "htmlText": "Quickstart · Tutorial · Plugins · Starters · Showcase · Contribute\n  Support: Twitter, Discussions &amp; Discord"
                },
                {
                  "level": 2,
                  "text": "🚀 Ship your first Gatsby site in 5 Minutes",
                  "anchor": "-ship-your-first-gatsby-site-in-5-minutes",
                  "htmlText": "🚀 Ship your first Gatsby site in 5 Minutes"
                },
                {
                  "level": 2,
                  "text": "💻 Get started with Gatsby locally in 5 Minutes",
                  "anchor": "-get-started-with-gatsby-locally-in-5-minutes",
                  "htmlText": "💻 Get started with Gatsby locally in 5 Minutes"
                },
                {
                  "level": 2,
                  "text": "🎓 Learning Gatsby",
                  "anchor": "-learning-gatsby",
                  "htmlText": "🎓 Learning Gatsby"
                },
                {
                  "level": 2,
                  "text": "🚢 Release Notes",
                  "anchor": "-release-notes",
                  "htmlText": "🚢 Release Notes"
                },
                {
                  "level": 2,
                  "text": "💼 Migration Guides",
                  "anchor": "-migration-guides",
                  "htmlText": "💼 Migration Guides"
                },
                {
                  "level": 2,
                  "text": "❗ Code of Conduct",
                  "anchor": "-code-of-conduct",
                  "htmlText": "❗ Code of Conduct"
                },
                {
                  "level": 2,
                  "text": "🤝 How to Contribute",
                  "anchor": "-how-to-contribute",
                  "htmlText": "🤝 How to Contribute"
                },
                {
                  "level": 3,
                  "text": "A note on how this repository is organized",
                  "anchor": "a-note-on-how-this-repository-is-organized",
                  "htmlText": "A note on how this repository is organized"
                },
                {
                  "level": 2,
                  "text": "📝 License",
                  "anchor": "-license",
                  "htmlText": "📝 License"
                },
                {
                  "level": 2,
                  "text": "💜 Thanks",
                  "anchor": "-thanks",
                  "htmlText": "💜 Thanks"
                }
              ],
              "siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgatsbyjs%2Fgatsby"
            }
          },
          {
            "displayName": "CODE_OF_CONDUCT.md",
            "repoName": "gatsby",
            "refName": "master",
            "path": "CODE_OF_CONDUCT.md",
            "preferredFileType": "code_of_conduct",
            "tabName": "Code of conduct",
            "richText": null,
            "loaded": false,
            "timedOut": false,
            "errorMessage": null,
            "headerInfo": {
              "toc": null,
              "siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgatsbyjs%2Fgatsby"
            }
          },
          {
            "displayName": "LICENSE",
            "repoName": "gatsby",
            "refName": "master",
            "path": "LICENSE",
            "preferredFileType": "license",
            "tabName": "MIT",
            "richText": null,
            "loaded": false,
            "timedOut": false,
            "errorMessage": null,
            "headerInfo": {
              "toc": null,
              "siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgatsbyjs%2Fgatsby"
            }
          },
          {
            "displayName": "SECURITY.md",
            "repoName": "gatsby",
            "refName": "master",
            "path": "SECURITY.md",
            "preferredFileType": "security",
            "tabName": "Security",
            "richText": null,
            "loaded": false,
            "timedOut": false,
            "errorMessage": null,
            "headerInfo": {
              "toc": null,
              "siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgatsbyjs%2Fgatsby"
            }
          }
        ],
        "overviewFilesProcessingTime": 0
      }
    },
    "appPayload": {
      "helpUrl": "https://docs.github.com",
      "findFileWorkerPath": "/assets-cdn/worker/find-file-worker-9f8a877aa99f.js",
      "findInFileWorkerPath": "/assets-cdn/worker/find-in-file-worker-eb3d353f90ce.js",
      "githubDevUrl": null,
      "enabled_features": {
        "copilot_workspace": null,
        "code_nav_ui_events": false,
        "overview_shared_code_dropdown_button": false,
        "react_blob_overlay": false,
        "copilot_conversational_ux_embedding_update": false,
        "copilot_smell_icebreaker_ux": true,
        "accessible_code_button": true
      }
    }
  }
}

{
  "accept-ranges": "bytes",
  "cache-control": "max-age=0, private, must-revalidate",
  "content-encoding": "gzip",
  "content-security-policy": "default-src 'none'; base-uri 'self'; child-src github.com/assets-cdn/worker/ github.com/webpack/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.com/assets-cdn/worker/ github.com/webpack/ github.com/assets/ gist.github.com/assets-cdn/worker/",
  "content-type": "text/html; charset=utf-8",
  "date": "Sun, 22 Dec 2024 06:06:05 GMT",
  "etag": "990fca8adfd66e539f0bca31ac253482",
  "referrer-policy": "no-referrer-when-downgrade",
  "server": "GitHub.com",
  "set-cookie": "logged_in=no; Path=/; Domain=github.com; Expires=Mon, 22 Dec 2025 06:06:04 GMT; HttpOnly; Secure; SameSite=Lax",
  "strict-transport-security": "max-age=31536000; includeSubdomains; preload",
  "transfer-encoding": "chunked",
  "vary": "X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, Accept-Encoding, Accept, X-Requested-With",
  "x-content-type-options": "nosniff",
  "x-frame-options": "deny",
  "x-github-request-id": "AA26:396EAD:4D42076:659D8CB:6767AC4C",
  "x-xss-protection": "0"
}