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.

• Go through the Getting Started Tutorial: Installing tinacms | Creating a CMS instance and adding the TinaProvider | Configuring the CMS object | Enabling the CMS | Creating and registering a form plugin | Loading content from an external API | Saving content changes | Adding alerts
• Click Edit this Site at the bottom of the page to fork the tinacms.org repository, make changes, and then open a Pull Request!
• Checkout this video of a page builder created with TinaCMS.

Getting Help

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

• Visit the Tina Forum to engage with the core team and community.
• Report bugs using GitHub Issues
• FAQ

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!

• Learn about the Toolbar and Sidebar UI components.
• Take control of the appearance of your CMS using Custom Styling
• Add features to your CMS using Screen Plugins and Toolbar Widgets.
• Wander off the beaten trail and create a totally custom UI (Coming Soon)

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.

• Editing Content: Creating Forms, Fields, Custom Fields, Inline Editing, Working with Inline Blocks
• Creating Content: Using Content Creators
• Deleting Content: Using Form Actions. (Coming Soon)
• Media Management: Media Stores, Image Fields, Inline Images
• Custom Fields: How to Make a Custom Field Component

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.

• Next.js
• Gatsby

Last Edited: November 26, 2020