Overview

Product Tour

Getting Started

Using the Tina editor

The JavaScript toolkit for building content management interfaces

Content Modeling

Data Fetching

Contextual Editing

Running the Local GraphQL API

Querying the API

Autogenerated GraphQL Client

Markdown

Rich Text with MDX

Block-based editing

Active Field Indicator

Editing

Configuring a field

Extending a field plugin

Creating a custom field component

Customizing a form

Customizing Tina's UI

Manually editing Tina's edit state

Extending Tina

Powerful Git-based content management for teams

Registration

Projects

Users

Tina Cloud Dashboard

Connecting the site

API Versioning

Branching

string

number

datetime

boolean

image

reference

object

rich-text

Content Types

@tinacms/cli

next-tinacms-cloudinary

The CMS

Forms

Text

Text Area

Number

Image

Color

Toggle

Radio Group

Select

List

Group

Group List

Blocks

Date & Time

HTML

Field Plugins

@tinacms/toolkit

Creating our Application

Content Modelling

Add Tina to our pages

Adding Plugins

Tina Cloud and Deployment

Next Steps

Adding TinaCMS to an existing Next.js app

TinaCMS

CMS Toolkit


TinaCMS is built on top of a composable library that we call the "Tina Toolkit". The Tina toolkit can be tapped into to customize the CMS experience, or to create your own CMS experience from scratch.


Docs

CMS Toolkit

The CMS