Skip to content
Gatsby theme for your library documentation
JavaScript CSS
Branch: master
Clone or download
Latest commit 9e189dd Aug 1, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo update theme name Aug 1, 2019
gatsby-theme-doc update package docs Aug 1, 2019
.gitignore intial commit Jul 31, 2019 update theme name Aug 1, 2019
netlify.toml intial commit Jul 31, 2019
package.json update theme name Aug 1, 2019
yarn.lock intial commit Jul 31, 2019

Gatsby Theme Doc

This repo is a yarn workspace.

Live Demo: or with the live reactjs-popup website


Create documentation using mdx.

🕵🏼‍react-live integration.

How to Use In Your Gatsby App

Install theme

yarn add gatsby-theme-doc

And add it to your config:

// In your gatsby-config.js
module.exports = {
  plugins: [
    // You can should only have one instance of this plugin
      resolve: `gatsby-theme-doc`,
      options: {
        contentPath: "./docs", // mdx files
        basePath: "/docs"
        config:'config.json' // config file

A page Docs should look like the following :

id: welcome
title: Welcome

Your content here

and the config file should look like:

  "basePath": "docs",
  "docs": [
      "id": "welcome"
      "id": "getting-started"
  "config": {
    "name": "📖  gatsby-theme-doc",
    "nav": {
      "links": [
        { "label": "Docs", "url": "/docs" },
          "label": "Github",
          "url": ""

Local Development

yarn workspace demo develop The demo will start at http://localhost:8000

NOTE: If you’re new to Yarn workspaces, check out this post for details.


This project is highly inspired by

You can’t perform that action at this time.