Docs
v.Latest
v.0.68.13
v.0.67.3
v.Pre-Beta
Home
Blog
Showcase
Community
Playground
Introduction
Overview
Product Tour
Getting Started
Overview
Using a Starter
Framework-Specific Guides
NextJS
Astro
Hugo
Gatsby
Jekyll
Remix
11ty
Other
Using the Tina Editor
Core Concepts
Content Modeling
Data Fetching
Visual Editing
Overview
React
Vue
Setting up the Router
Querying Content
Overview
Writing custom queries
Editing
Overview
Markdown & MDX
Block-based editing
Single Document Collections
Customizing Tina
Overview
Validation
Custom Field Components
Custom List Rendering
Format and Parse Input
Filename Customization
Going To Production
Overview
Tina Cloud Dashboard
Overview
Registration
Projects
Overview
Project Collaborators
Organizations
Connecting the Site
FAQ
API Versioning
Self Hosted Tina
Drafts
Overview
Draft Fields
Editorial Workflow
Guides
Overview
Supported Frameworks
Overview
NextJS
Querying Tina Content in NextJS
Adding Internationalization to Tina
Using Drafts with Visual Editing
Gatsby
Docusaurus
Separate Content Repo
Querying Tina Content at Runtime
Migrating From Forestry
Overview
Setting up Tina
Common Errors & Fixes when Migrating to TinaCMS
Comparing Forestry & Tina Concepts
Accessing the CMS
Local Workflow
Previews
Content Modelling
Drafts
Data Files
Media
Missing Forestry Features
Reference
Overview
Config
Schema
Overview
Collections
Fields
Templates
Field Types
Overview
string
number
datetime
boolean
image
reference
object
rich-text
The "tina" folder
The TinaCMS CLI
Media
Overview
Repo-based Media
External Media Providers
Setting up Authentication
Cloudinary
Digital Ocean Spaces
AWS S3 Bucket
Search
Overview
Content API
Overview
Running the Local GraphQL API
Querying the API
Overview
Getting a Single Document
Querying a List of Documents
Overview
Filtering
Sorting
Paginating
Performance
Limitations
Updating a Document
Adding a Document
Using Curl & Fetch
Data Layer
Tina's edit state
The "tinaField" helper
CMS Toolkit
Overview
The CMS
Forms
Field Plugins
Overview
Text
Text Area
Number
Image
Color
Toggle
Radio Group
Select
Tags
List
Group
Group List
Blocks
Date & Time
Markdown
HTML
Home
Blog
Showcase
Community
Playground
Log In
Sign Up
Using Drafts with Visual Editing
Show Table of Contents
Table of Contents
Adding visual editing with Drafts
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
Last Edited: December 5, 2022
Product
Showcase
Tina Cloud
Introduction
How Tina Works
Resources
Use Cases
Agencies
Documentation
Teams
Jamstack CMS
Benefits
MDX
Markdown
Git
Editorial Workflow
Customization
SEO
Comparisons
TinaCMS vs Storyblok
TinaCMS vs Sanity
TinaCMS vs NetlifyCMS
TinaCMS vs Contentful
TinaCMS vs Builder.io
TinaCMS vs Strapi
Integrations
Astro
Hugo
NextJS
Jekyll
Github
Twitter
Discord
Stay in touch 👉
Security
Open Source Telemetry
Terms of Service
Privacy Notice
License
© TinaCMS 2019–2023