Docs

Home Blog Showcase Community

Introduction To TinaCMS

Getting Started

Using the Tina Editor

Content Modeling

Querying Content

Writing custom queries

Block-based editing

Single Document Collections

Customizing Tina

Custom Field Components

Custom List Rendering

Format and Parse Input

Filename Customization

Before Submit function

Going To Production

Editorial Workflow

The "tina" folder

The TinaCMS CLI

Tina's edit state

The "tinaField" helper

Self-Hosted Components

Using Drafts with Visual Editing

Table of Contents

Using Drafts with Visual Editing
1. Add the preview-mode api handlers
2. Update tina/config
3. Update data fetching
- Updates to getStaticPaths
- Updates to getStaticProps
  - Listing pages
  - Slug pages (optional)
4. Add the exit preview button
Working with editorial workflows

Last Edited: December 5, 2022

Product

Showcase Tina Cloud Introduction How Tina Works Press

Resources

Use Cases

Benefits

Editorial Workflow

Comparisons

TinaCMS vs Storyblok

TinaCMS vs Sanity

TinaCMS vs NetlifyCMS

TinaCMS vs Contentful

TinaCMS vs Builder.io

TinaCMS vs Strapi

Integrations

GitHub Twitter Discord

Stay in touch 👉

Security Open Source Telemetry Terms of Service Privacy Notice License Support

© TinaCMS 2019–2023