Note: Building a CMS with Gatsby requires that you run a development server for content-editing. You can use a service like Gatsby Cloud or you can run your own server

Gatsby is a popular framework for building static websites using React. This page provides lots of links to different guides, blogs, and packages, that you might find useful when using Tina to build a CMS with Gatsby.

Guides

For direction on specific use-cases, please refer to these guides:

• Add Tina to Gatsby Site
• Using a Git Backend with Gatsby

Blogs

• Creating Markdown Drafts with Gatsby
• How to Add and Delete Files with TinaCMS
• 3 Ways to Edit Markdown with Tina + Gatsby
• Using TinaCMS on Gatsby Cloud
• Provision, setup, and secure a TinaCMS cloud editor on AWS
• Export WordPress Content to Markdown and Gatsby

Packages

Depending on your project, these are the Gatsby-specific Tina packages to work with:

• gatsby-plugin-tinacms: This package takes care of creating the CMS and adding the Tina UI to your Gatsby site.
• gatsby-tinacms-git: This package provides helpers for building a git-backed CMS.
• gatsby-tinacms-json: This package provides Git form helpers for editing content stored in JSON files in the local filesystem.
• gatsby-tinacms-remark: This package provides Git form helpers for editing content stored in Markdown files in the local filesystem.

Starters

• Tina Brevifolia — A Markdown-based blog with minimalist design and Tina for editing.
• Tina Grande — A more advanced starter to showcase the power of Tina.