Directus + Nuxt MVP

Strukturierte Seiten aus Directus rendern

Diese Demo-Seite wird aus einem JSON-basierten Page-Builder-Modell in Directus geladen und im Nuxt-Frontend gerendert.

Frontend öffnenMehr erfahren

Ein kontrollierter Page Builder

Redakteure pflegen strukturierte Blöcke. Das Frontend entscheidet bewusst, welche Komponenten gerendert werden. Dadurch bleibt das System wartbar, sicher und design-konsistent.

Headless CMS mit klarer Rendering-Schicht

Directus speichert Inhalte und Blöcke. Nuxt lädt veröffentlichte Seiten anhand des Slugs, sortiert die Blöcke und rendert nur erlaubte Komponenten.

Häufige Fragen

Warum kein freies HTML?

Freies HTML erschwert Qualitätssicherung, Design-Konsistenz und Sicherheit. Strukturierte Blöcke sind kontrollierbarer.

Was passiert bei unbekannten Blocktypen?

Das Frontend zeigt einen Hinweis und crasht nicht.

MVP-Durchstich steht

Der nächste Schritt ist das Deployment des Nuxt-Frontends auf Coolify und die Verknüpfung mit dieser Directus-Demo.

Zur Demo