Erstgespräch buchen
Tool im Einsatz · Kompakt-Showcase

TinaCMS

Inhalte als Markdown im Git-Repo, visueller Editor im Browser. Headless-CMS-Pattern für Next.js-, Astro- oder Hugo-Sites — ohne separate Datenbank, ohne CMS-Lock-in.

Schema-Definition in tina/config.ts

// tina/config.ts
import { defineConfig } from 'tinacms'

export default defineConfig({
  branch: 'main',
  clientId: process.env.TINA_CLIENT_ID!,
  token: process.env.TINA_TOKEN!,
  build: { outputFolder: 'admin', publicFolder: 'public' },
  media: {
    tina: { mediaRoot: 'uploads', publicFolder: 'public' },
  },
  schema: {
    collections: [
      {
        name: 'post',
        label: 'Blog Posts',
        path: 'content/posts',
        format: 'mdx',
        fields: [
          { type: 'string',   name: 'title',  label: 'Title', required: true },
          { type: 'datetime', name: 'date',   label: 'Date'  },
          { type: 'reference', name: 'author', label: 'Author',
            collections: ['author'] },
          { type: 'rich-text', name: 'body',  label: 'Body', isBody: true },
        ],
      },
      {
        name: 'author',
        label: 'Authors',
        path: 'content/authors',
        fields: [
          { type: 'string', name: 'name',  label: 'Name', required: true },
          { type: 'image',  name: 'photo', label: 'Photo' },
        ],
      },
    ],
  },
})
Beispiel-Schema: Blog-Posts und Author-Collection. Daraus generiert TinaCMS einen TypeScript-Typ und einen visuellen Editor — beides aus einer Quelle. Quelle: tina.io/docs, Apache-2.0.

Projekt-Profil

TinaCMS

Headless Git-based CMS for Next.js, Astro, Hugo

Stand: 2. Juni 2026

GitHub-Sterne

13k

Forks

711

Offene Issues

415

Lizenz

Apache-2.0

Aktuelle Version

v3.8.4

Sprache

TypeScript

Erstveröffentlichung
23. Juli 2019
Letzter Commit
2. Juni 2026

Was ist TinaCMS?

TinaCMS ist ein Headless-CMS, das Inhalte als Markdown- und MDX-Dateien direkt im Git-Repository speichert. Statt einer Datenbank im klassischen Sinn werden Edits zu Commits auf einem konfigurierbaren Branch — Inhalt und Code leben Seite an Seite. Auf diesem Daten-Modell sitzt ein visueller Editor, der im Browser läuft.

Tina ist primär für statische Site-Generatoren gedacht — Next.js, Astro, Hugo. Diese Website (ki-agentur.kaatai.de) nutzt zwar Tina selbst noch nicht, ist aber im selben Modell gebaut: Next.js mit i18n-JSON-Dateien als 'Inhalt'. Für rein redaktionelle Sites mit nicht-technischen Redakteuren ist Tina das passende Werkzeug.

Wofür Tina sich eignet

Tina passt vor allem dort, wo Inhalte primär aus Text und Bildern bestehen, das Frontend technisch (Next.js, Astro) gebaut wird und Redakteure nicht den ganzen Tag im Editor leben. Klassische Anwendungen: Marketing-Sites mit Blog, Dokumentations-Sites mit redaktioneller Pflege, Portfolio-Sites mit gelegentlichen Updates.

Vier Kern-Funktionen

Was Tina von anderen Headless-CMS unterscheidet — die wichtigsten Eigenschaften kompakt.

Git-First-Architektur

Inhalte sind echte Dateien im Repo. Edit = Commit. Branch-basierte Workflows, PR-Reviews für Inhalte, Versions-History gratis. Kein 'Export-Funktion'-Problem.

Schema-Definition in TypeScript

Inhalts-Modelle als TypeScript-Code (tina/config.ts). Daraus werden automatisch TypeScript-Typen für den Build und visuelle Editor-Forms generiert. Eine Quelle, zwei Ziele.

Visueller Editor im Browser

Redakteure öffnen die Site in einem speziellen Edit-Modus und editieren Inhalte direkt inline — keine separate Admin-UI. Save → Commit, optional Preview-Branch.

Self-Hosted oder Tina Cloud

Open-Source-Variante zum Self-Hosting (Apache-2.0). Daneben kommerzieller 'Tina Cloud'-Service mit Editor-Hosting, Auth, Media-Storage. Für die meisten Self-Hosting-Setups: Self-Hosting reicht.

Pricing

Apache-2.0. Tina Cloud optional.

Lizenz

Apache-2.0 für die gesamte Open-Source-Variante. Tina Cloud ist ein kommerzieller Hosting-Service mit Editor-Hosting, Media-Storage, Auth — ab 29 $/Monat für Teams. Self-Hosting ohne Tina Cloud ist möglich, aber bedingt eigenes Media-Backend.

Hosting

Self-Hosting: Build-Artefakt landet im selben Repo wie das Frontend. Kein eigener Container nötig, kein eigener Server — wenn das Next.js-Frontend irgendwo läuft, läuft Tina mit. Tina Cloud Pro ab 29 $/Monat (Team-Plan).

Setup

Einbau in eine bestehende Next.js-Site: 30 Minuten Initial-Setup, 2–4 Stunden für Schema-Definition einer typischen Marketing-Site. Komplette Migration aus WordPress: 2–5 Beratungstage je nach Inhalts-Tiefe.

Tina ist nicht 'WordPress für Headless' — es ist ein anderer Ansatz, der nur in einem Setup mit statischem Frontend Sinn ergibt. Wer eine klassische WordPress-Site mit Plugins, Custom-Post-Types, Member-Bereich und vielen Editoren betreibt, sollte bei WordPress bleiben.

Verwandte Themen

Tina passt zu Next.js-Sites

Wer Next.js mit Tina nutzt, braucht zusätzlich ein Hosting für das Frontend (Vercel, Netlify, Eigenbetrieb via Caddy) und ggf. einen Media-Storage:

Bereit für den nächsten Schritt?

Kostenloses Erstgespräch. Unverbindlich. In 30 Minuten wissen Sie, ob und wie KI Ihrem Unternehmen helfen kann.

Erstgespräch buchenBAFA-Förderung