Introduction to TinaCMS

TinaCMS is an open-source Content Management System (CMS) that seamlessly integrates with your Markdown workflow.

With TinaCMS, The developer hosts the site where they like, using whichever framework they choose.

TinaCMS is "Headless", meaning it's decoupled from your website. TinaCMS provides a queryable content API that your website's code consumes.

The TinaCMS backend provides the API for querying your content, offering support for filtering, searching, and pagination.

All your content gets backed by git into JSON/Markdown/MDX files.

Out of the box, we provide an easy-to-use hosted version of the backend, called TinaCloud.

For those preferring more control and customization, TinaCMS also allows you to host the backend entirely on your own stack.

TinaCMS provides an intuitive CMS interface for your editors. For sites using React, TinaCMS supports "Visual Editing" to allow content editors to see real-time changes.

Users interact with the CMS by navigating to the /admin page on your site.

When users make a change in the CMS, a commit is made back to your Git repository.

TinaCMS can be setup on your site with tinacms init. This installs a few Tina packages, and add some boilerplate.

You also have the flexibility to run TinaCMS locally, sourcing local files instead of interacting with the hosted API. This gives developers an ultra-fast feedback loop.

Content in TinaCMS is modelled using a `tina/config.ts` file in your project. Through this, you can define "collections" that model various content types on your site.

TinaCMS provides a GraphQL API, making data-fetching more efficient and powerful.

Moreover, we also generate a user-friendly client that simplifies the process of querying your content.

TinaCMS emphasizes type safety, ensuring your content queries remain error-free and consistent, thus improving code reliability and maintainability.