IllusionCMS
DE
Funktionen

Außen schlank. Innen erstaunlich vollständig.

IllusionCMS deckt ab, was eine von Entwicklern gebaute Website braucht – vom Editor über Daten und Automatisierung bis zum Betrieb. Hier die ganze Tour.

Herunterladen Zum Handbuch
Editor

Ein Code-Editor, der sich wie deine IDE anfühlt.

Jede Seite ist HTML mit Template-Tags – bearbeitet in CodeMirror, live daneben in der Vorschau.

  • Emmet-Abkürzungen mit Tab, Formatieren mit Prettier (Template-Tags bleiben unangetastet)
  • Live-Vorschau in Desktop-, Tablet- und Mobilbreite – auch mit ungespeicherten Änderungen
  • Panel Template-Daten zeigt genau, was dein Template sieht
  • Versionshistorie, Wiederherstellen und Warnung, wenn jemand anderes inzwischen gespeichert hat
  • Code-Editoren bleiben dunkel, auch im hellen Theme
IllusionCMS-Seiten-Editor: Seitenbaum, Code-Editor mit Template-Code und Live-Vorschau
Templates & Komponenten

Alles wiederverwenden – ohne Build-Schritt.

Snippets, Komponenten und Layouts halten dein Markup schlank. CSS und JavaScript liegen in einer gemeinsamen Bibliothek und werden dort eingebunden, wo sie gebraucht werden.

Template-Sprache

Syntax wie Django/Twig mit Filtern, Makros, Includes und {% verbatim %} für Vue oder Alpine.

Seitenlayouts

Markiere ein Snippet als Seitenlayout – neue Seiten starten mit {% extends %} und einem Inhaltsbereich.

Komponenten mit Slots

{% component %} mit benannten Slots und Fallbacks – wie Web Components, nur auf dem Server.

Geteiltes CSS & JS

Eine Bibliothek, je Seite zugeordnet oder an Unterseiten vererbt. Automatisch minifiziert und versioniert; ES-Module werden erkannt.

Assets an Snippets

Hänge CSS/JS an ein Snippet – geladen wird es nur auf Seiten, die es wirklich benutzen.

Pens

Eine Spielwiese für HTML, CSS und JS mit Live-Ergebnis – privat oder per Link geteilt.

Komponenten

Einmal Markup, überall verwenden.

Eine Komponente ist ein Snippet mit Slots. Parameter übergeben, Slots füllen, fertig – Änderungen wirken sofort überall. Dieselben Komponenten werden zu Bausteinen für Redaktionen.

pages/team.html
{% component "card" image=p.photo %}
  {% fill "title" %}{{ p.name }}{% endfill %}
  <p>{{ p.summary }}</p>
  {% fill "footer" %}
    <a href="/team/{{ p.slug }}">Profile →</a>
  {% endfill %}
{% endcomponent %}
Seitenbaukasten

Redakteure füllen Formulare aus. Das Markup bleibt deins.

Gib einem Snippet ein Schema mit typisierten Parametern und Slots – schon ist es ein Baustein. Seiten und Collection-Einträge lassen sich dann aus Blöcken zusammensetzen.

  • Text, Markdown, Bilder, Dateien, Auswahl, Verknüpfungen und mehr
  • Slots mit erlaubten Bausteinen und Höchstzahl
  • Globale Blöcke mit Anpassungen je Verwendung – einmal ändern, überall aktuell
  • Formular-Editor mit Live-Vorschau; Klick auf einen Block in der Vorschau öffnet ihn
  • Mit IllusionPublish: visuell direkt auf der Seite bearbeiten
IllusionCMS-Seitenbaukasten: Formular eines Blocks mit Parametern und Slots neben der Live-Vorschau
Daten

Collections für deine Inhalte.

Lege Strukturen mit Feldtypen an – Blog, Team, Produkte, Termine – und nutze sie in jedem Template.

  • Text, Markdown, HTML, Zahlen, Datum, Bilder, Dateien, Auswahl, Verknüpfungen, Blöcke
  • Singleton-Collections für Website-Einstellungen
  • Detailseiten mit Live-Vorschau beim Bearbeiten
  • CSV-Import mit Abgleich und Export
  • Optional öffentliche JSON-API mit CORS
  • Live-Daten: Einträge, die auf dem Server entstehen (z. B. Formulare), überstehen das Übertragen von Inhalten
IllusionCMS-Collections: Einträge einer Produkt-Collection mit Status und Aktionen
Datenquellen

Deine Inhalte, jede API, IllusionDB – eine Syntax.

REST-Quellen holen externe Daten in deine Templates: Shops, CRMs, Headless-Systeme oder eigene Dienste – mit Platzhaltern, Headern, Secrets aus Umgebungsvariablen und Cache. Über Workflows werden auch IllusionDB-Tabellen zu Seiten, bis hin zu Tausenden Landingpages mit generierter Sitemap.

pages/products.html
{# Collection, REST API and IllusionDB – same syntax #}
{% for p in data("products", "category", route.query.cat,
                 "sort", "price", "limit", 12) %}
  {% include "product-card" with product=p %}
{% endfor %}

{% with weather=data("weather-api", "city", "Berlin") %}
  <p>{{ weather.current.temp }} °C</p>
{% endwith %}
Workflows

Automatisierung ohne weiteren Server.

Verbinde Nodes auf einer Arbeitsfläche – im Stil von Node-RED. Formulare, Webhooks und Zeitpläne starten einen Ablauf; JavaScript-Nodes, Weichen, HTTP-Anfragen und Collection-Aktionen erledigen die Arbeit.

  • Laufprotokoll mit Spur jeder Node
  • Eigene, wiederverwendbare Nodes bauen
  • Workflows im Template aufrufen mit workflow()
IllusionCMS-Workflow-Editor: Ablauf eines Kontaktformulars als Nodes, daneben das JavaScript einer Function-Node

HTTP-Eingänge

Öffentliche Endpunkte für Formulare und Webhooks – mit Honeypot, Prüfung und Weiterleitung.

Zeitpläne

Cron-Ausdrücke für nächtliche Jobs, Preislisten, Importe oder Aufräumarbeiten.

Collection-Ereignisse

Reagieren, wenn Einträge angelegt, geändert oder gelöscht werden.

E-Mail

Mails über deinen SMTP-Server – Benachrichtigungen, Bestätigungen, Berichte.

Verzögern & Zusammenführen

Warten, parallele Zweige zusammenführen und Zustände in einem kleinen Schlüssel-Wert-Speicher halten.

IllusionDB-Nodes

Tabellen von IllusionDB lesen und schreiben – gefiltert, gruppiert und gecacht.

Mehrsprachig

Eine Website, viele Sprachen.

Sprach-Unterbäume oder eigene Websites je Sprache – IllusionCMS verknüpft die Fassungen und kümmert sich um den Rest.

  • Verknüpfte Sprachfassungen für Seiten und Collection-Einträge
  • hreflang-Tags und Sitemap-Alternativen automatisch
  • translations() und language_name() für deinen Sprachumschalter
  • Menüs je Sprache mit lang_root()
  • Oberfläche in fünf Sprachen
snippets/language-switch.html
<nav class="languages">
  {% for t in translations() %}
    <a href="{{ t.url }}" hreflang="{{ t.lang }}"
       {% if t.current %}aria-current="page"{% endif %}>
      {{ language_name(t.lang) }}
    </a>
  {% endfor %}
</nav>
Import

Deine bestehende Website in Minuten umziehen.

Gib dem Importer eine Sitemap oder lass ihn crawlen. Er übernimmt Seitenbaum, HTML, CSS und JavaScript als geteilte Assets, Bilder, Fonts und Videos – und schreibt alle Links um.

  • Erst die Analyse: welche Seiten, welche externen Hosts
  • Import wiederholen ohne Duplikate; im CMS bearbeitete Seiten bleiben geschützt
  • Aus Quelle aktualisieren für einzelne Seiten
  • Funktioniert mit Webflow, WordPress, Squarespace und statischen Websites
IllusionCMS-Website-Import: Analyse von illusiondb.com mit 450 Seiten aus der Sitemap, Ziel-Website und externen Dateien – vor dem Import
Betrieb

Gemacht für echte Server.

IllusionCMS ist ein Go-Binary mit SQLite-Datenbank. Alles andere ist eingebaut.

Historie & Backups

Versionen mit Wiederherstellen für Seiten, Snippets, Assets und Workflows; nächtliche Backups.

Bundles

Komplette Inhalte zwischen Instanzen übertragen – oder von lokal auf den Server schieben.

S3-Speicher

Garage, AWS, Hetzner, R2 … mit lokalem Cache und geführter Migration.

Private Dateien

Signierte, ablaufende Links oder Anmeldung erforderlich.

Statistik

Tageswerte für Seiten, Herkunft, Browser, Länder und Downloads – ohne Cookies.

Viele Websites

Domains, Sitemap, robots.txt, Icon und 404-Seite je Website.

Seiten-Cache

Gerenderte Seiten im Speicher mit gzip und ETag – bei jeder Änderung geleert.

REST-API

Tokens mit Lese- oder Schreibrecht, Batches, Idempotenz-Schlüssel, Schema-Endpunkt.

Webhooks

Signierte Benachrichtigungen bei Inhalts- und Schema-Änderungen – mit Wiederholungen.

Sicherheit

Security-Header, CSP, Rate-Limit, CSRF-Schutz, HSTS hinter HTTPS.

Weiterleitungen & 404-Protokoll

Automatische Weiterleitungen beim Verschieben; CSV-Import und -Export.

Headless-Betrieb

Ohne Admin betreiben – und aus deiner lokalen Instanz fernsteuern.

Für Agenturen

Deine Kunden brauchen einen Redaktions-Workflow? Nimm IllusionPublish dazu.

IllusionPublish sitzt auf genau einer IllusionCMS-Instanz. Deine Entwickler arbeiten weiter im CMS – die Redaktionen deiner Kunden bekommen visuellen Editor, Workspaces und Freigaben und sehen nie eine Zeile Code.

30 Tage kostenlos testen.

IllusionPublish entdecken
  • Visueller EditorTexte und Bilder direkt auf der Seite bearbeiten
  • Workspaces und FreigabekettenÄnderungen gehen als Paket live – atomar
  • Rechte bis auf einzelne FelderRedaktionen ändern Inhalte, nicht das Design
  • SSO, SCIM und PasskeysEntra ID, Google, Keycloak und mehr

Wieder gern HTML schreiben.

IllusionCMS ist kostenlos. Kein Konto, keine Telemetrie, keine Haken.

Herunterladen Zum Handbuch