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' },
],
},
],
},
})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
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
Schema-Definition in TypeScript
Visueller Editor im Browser
Self-Hosted oder Tina Cloud
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.