See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
Community Plugin
View plugin on GitHub


Use this theme to build documentation pages. See example at


npm i @reflexjs/gatsby-theme-doc


// gatsby-config.js

module.exports = {
  plugins: [`@reflexjs/gatsby-theme-doc`],


// gatsby-config.js

module.exports = {
  plugins: [
      resolve: `@reflexjs/gatsby-theme-doc`,
      options: {
        contentPath: "content/docs",
        basePath: "/docs",

Data models


type Doc implements Node @dontInfer {
  id: ID!
  title: String
  excerpt: String
  slug: String
  body: String
  tableOfContents: JSON
  timeToRead: Int


Place your docs inside content/docs as follows.

  └── content
    └── docs
      └── 01-getting-started.mdx

You must prefix each filename with a number followed by a hyphen (-). This will assign it a weight that will determine its order in the nav.

Then add a nav for your docs inside content/navs as follows.

  └── content
    └── navs
      └── doc.mdx

Then add content to your doc:

title: A page
excerpt: Omnis architecto praesentium itaque eaque quasi.

Write markdown or use components here.

## Heading 2

<Button bg="primary">Button</Button>
© 2022 Gatsby, Inc.