Introduction to Tina


Tina is a next-gen content management solution. It allows you build a tailormade, visual editing experience directly 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.

With the TinaCMS toolkit, you have the flexibility to save/load your content from wherever you like. We provide our tailormade "Tina Cloud" service for out-of-the-box experience, but the choice is yours!

How does Tina differ from traditional headless CMSs?

In a traditional headless CMS, the editor logs into the CMS' dashboard to make edits. The user interacts with the CMS' UI, which is usually made editable through a series of form fields.

With Tina, the UI that the user interacts with doesn't live on our dashboard. We instead provide you with our "TinaCMS" toolkit, which allows you to host the editing environment yourself.

Why this matters for your developers:

  • Complete control (completely customize to CMS experience however you like)
  • The ability to use YOUR components/design-system within the editing experience.
  • Less vendor lock-in.

Why this matters for your editors:

  • Empower your editorial teams: let them build pages from predefined blocks.
  • Amazing visual editing experience. Make edits to a page, and see immediate feedback.
  • Ability to make edits directly from the site's pages. No more guessing where to make edits to see changes reflected on a page.

Where does my content get stored?

TinaCMS allows you to plug in your own "backend" to store you content wherever you like! This is foundational to Tina.

We have a options for you to use:

Tina Cloud

Tina Cloud is our proprietary backend for TinaCMS. Tina Cloud stores your content in GitHub under the scenes, but runs your content through our Content API to provide permissions and an expressive GraphQL API.

You can learn more about Tina Cloud here.

External APIs

We've also created a few backend adapters using external APIs

GitHub

Allow your users to login through a GitHub OAuth app, and commit to your GitHub repository when your users make edits.

Local Filesystem

When your users make changes with Tina, update your local files on the filesystem.

Create your own!

TinaCMS is open-source. Feel free to create your own backend adapter, and store the content wherever you like.

Want to get started?

Want to setup an editable site quickly with Tina Cloud? Check out our guide on getting setup with our Tutorial.