TinaCMS Documentation


Tina is a toolkit for building visual editing into your site. By creating a custom editing experience with Tina instead of opting for a conventional CMS, developers can give their teams a contextual, intuitive editing experience without sacrificing code quality.

First Steps

Are you new to using Tina to build content management systems? Start with these resources to build your understanding of Tina and what's possible.

Getting Help

Have questions on how to use Tina to build your CMS?

How This Site Is Organized

Learning how to build a CMS is no small feat! We've compiled a variety of resources to help you along.

  • Docs describe the main Tina concepts and how to use them to build your CMS.
  • Guides take you through the steps involved in addressing key problems and specific use-cases.
  • The Blog is where release notes, tips, and other announcements are posted.
  • Visit the Packages Reference to find more tools and make building your CMS even easier.

Constructing The User Interface

Tina lets you choose the user interface that best fits your workflow. You can use one of its default interfaces or construct your own. You can even build editing capabilities directly into your page!

Tools for Managing Content

Tina gives you the tools you need to manage content from the data source of your choosing. These docs will show you how to craft your ideal content editing experience.

Integrating with React Frameworks

Tina is designed to work with just about any React framework. Once you're comfortable with the basics of TinaCMS, these guides will help you learn the specifics of building a CMS with Next.js or Gatsby.

Last Edited: November 26, 2020