Tina-Playground · Homepage

Diese Seite ist komplett editierbar.

Alles was du hier siehst — Titel, Untertitel, Karten, Zitat — kannst du im Tina-Editor direkt in deinem Browser ändern. Die Änderungen speicherst du in die Markdown-Datei, und beim nächsten Refresh ist die Seite aktualisiert.

Wie funktioniert das?

Im linken Panel des Tina-Editors siehst du die Blöcke, aus denen diese Seite zusammengesetzt ist: Hero, Zweispalter, Kartenraster, Zitat-Band und Call-to-Action. Jeder Block hat klar definierte Felder.

Rechts siehst du die Live-Vorschau. Während du links tippst, aktualisiert sich rechts die Seite. Klickst du auf Speichern, wird der Inhalt in die Markdown-Datei im Git-Repo geschrieben.

Drei Dinge, die Tina gut macht.

01

Block-Editor

Sechs vorgefertigte Block-Typen, die sich per Drag & Drop kombinieren lassen — im UNESCO-Corporate-Design. Das hier hat Tobi jetzt noch geschrieben!!

02

Live-Vorschau

Du siehst jede Änderung sofort in der Split-View, bevor du speicherst. Kein Hin- und Herschalten zwischen Tabs.

03

Git-basiert

Jedes Speichern ist ein Git-Commit. Rückgängig machen über GitHub, Versionshistorie inklusive, null externe Datenbank.

Wenn der Rahmen sauber gesetzt ist, darf der Inhalt frei atmen.
— Design-Prinzip dieser Demo

Jetzt selbst ausprobieren.

Öffne den Tina-Editor über den Link rechts oben im Header und editiere diese Seite. Alle Änderungen landen in src/content/pages/index.md.

Zum Tina-Editor