gatsby-plugin-tinacms

gatsby-plugin-tinacms

A Gatsby plugin for adding Tina to your website. This plugin wraps your site in a TinaProvider and instantiates the CMS.

Installation

yarn add gatsby-plugin-tinacms

Setup

Include gatsby-plugin-tinacms in the list of gatsby plugins:

gatsby.config.js

module.exports = {
  // ...
  plugins: [
    // ...
    {
      resolve: 'gatsby-plugin-tinacms',
      options: {
        enabled: process.env.NODE_ENV !== 'production',
        sidebar: {
          position: 'displace',
        },
        plugins: [
          //...
        ],
      },
    },
  ],
}

Options

export interface GatsbyPluginTinacmsOptions {
  enabled?: boolean
  sidebar: TinaCMSConfig['sidebar']
  toolbar: TinaCMSConfig['toolbar']
  manualInit?: boolean
}

Checkout the UI documentation for more context on the Sidebar & Toolbar Config options.

Visit the Using Gatsby with a Git Backend guide for step-by-step instructions on using this package in concert with other Tina+Gatsby plugins.