Docs

Home Blog Community Playground

Getting Started

Using a starter

Adding Tina to existing NextJS site

Using the Tina editor

Content Modeling

Contextual Editing

Using the GraphQL API

Running the Local GraphQL API

Querying the API

Getting a Single Document

Querying a Collection

Updating a Document

Adding a Document

Autogenerated GraphQL Client

Read Only Tokens

Rich Text with MDX

Block-based editing

Active Field Indicator

Custom field components

Custom List Rendering

Format and parse input

Customizing a form

Manually editing and accessing Tina's edit state

Advanced field customization

Customizing Tina's UI

Going To Production

Tina Cloud Dashboard

Connecting the site

Adding Internationalization to Tina

Non-React-based SSG support

next-tinacms-cloudinary

@tinacms/toolkit

Getting Started With Tina

Tina is a Git-backed headless content management system that enables developers and content creators to collaborate seamlessly. With Tina, developers can create a custom visual editing experience that is perfectly tailored to their site.

Use our CLI Quickstart

Using the CLI, choose one of our starters and get started locally.

Add Tina to an Existing Next.js Site

Have an existing NextJS site? Start here!

Dashboard Quickstart

Setup a pre-configured Tina project with Tina & Vercel in minutes.