A Gatsby plugin for adding Tina to your website. This plugin wraps your site in a TinaProvider and instantiates the CMS.
yarn add gatsby-plugin-tinacmsInclude 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: [
//...
],
},
},
],
}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.