Gatsby Integration


Building with Tina and Gatsby currently requires that you run a development server for content-editing. We recommend using Next.js for a solution with less friction.

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:

Blogs

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.