Open sourceActive

TinaCMS

TinaCMS: Docs Learn v.Latest Introduction What is TinaCMS?

Open source page

Field note

What it does

Docs Learn v.Latest Introduction What is TinaCMS? Quickstart TinaCMS Lingo The Editing Experience Modelling your Content Vibe Coding With TinaCMS Getting Started with Tina Tina Starter - CLI Add to an Existing Site ⭐ Astro ⭐ NextJS (App Router) NextJS (Pages Router) Hugo Gatsby Jekyll Remix 11ty SvelteKit Other Frameworks FAQ Filing a Bug Report Configuring TinaCMS The /tina Folder The Config File Content Modelling Collections Fields Templates Basic Fields String Fields Number Fields Date Fields Boolean Fields Image Fields Reference Fields Object Fields Markdown (MD) Fields Rich-Text Fields Rendering MD Content MD Diagrams (Mermaid) MD Syntax Guide Custom MD Syntax Form Customization React Components Display-only Fields Custom List Rendering Plug-in Components Overview Text Input Text Area Number Input Image Input Color Input Toggle Input Radio Group Select Input Tags Input List Input Group Input Group List Input Date Input Markdown Input HTML Input Media Storage Repo-based Media Overriding Default Media Types External Media Providers Backend Media Handler Digital Ocean Spaces Cloudinary AWS S3 Bucket Visual Editing Visual Editing Setup Visual Editing Setup (Astro) The Click-To-Edit API Visual Editing Router Migrating Astro to React-free Visual Editing Querying Content Content API Overview Common Queries Custom Queries Manual GraphQL Queries 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 Under the Hood Data Layer The Local GraphQL API TinaCloud What is TinaCloud? Connecting to TinaCloud Network Requirements Troubleshooting Key Features Editorial Workflow Webhooks Content Search Git Co-Authoring API Versioning TinaCloud Dashboard Overview Registration Projects Overview Project Collaborators Organizations GitHub Enterprise Integration Deployment Configurations Vercel Netlify GitHub Pages Cloudflare Pages Cloudflare Workers Alibaba Cloud Self-Hosting Overview Self-Hosted Datalayer Getting Started Deploy a (Next.js) Example Site CLI Quick Start on an Existing site (Next.js only) Manual Setup (Agnostic) Migrating From TinaCloud Querying Content User Management Self-Hosting Components Backend Host Next.js Vercel Serverless Functions Netlify Functions Git Provider Overview GitHub Bring Your Own Git Provider Database Adapter Overview Vercel KV Mongo DB Bring Your Own Database Adapter Auth Provider Overview Default (Auth.js) Tina Cloud Clerk Bring Your Own Auth Advanced The TinaCMS CLI Tina's Edit State Beginner Series What is the Beginner Series? 1. Your New TinaCMS Site Your New TinaCMS Site NextJS Setup Cleanup Extra Code Install the CMS 🦙 Hello World! 👋🌏 Render Your Content 2. Live Editing Live Editing Routing to the Editor Wiring Content to the Editor Loading Your Content 3. The Content Model The Content Model Our New Field From String to Markdown 🌟 Rendering our Markdown A Thousand Words...

Capabilities

Available capabilities

Tags

Tags

No tags filed yet.

Ways to use it

Ways to use it

No integrations filed yet.

Product features

Product features

Conceptualising the Reference type

Custom Document Labels

Examples

Field filtered by multiple values

Field with dynamic filter conditions

Field with multiple collections and filtering

Field with simple custom label

Filtering References

Reference Fields

Searching References

Simple field

Type Definition