Für Agenturen & Entwickler

Gestalten Sie Websites,
die wachsen, ohne im Chaos zu enden.

Das CMS für Web-Agenturen, die Qualität garantieren wollen. Entwickeln Sie individuelle Komponenten mit klaren Strukturen für konsistentes Content-Management ohne Kontrollverlust.

React
HTML5
Vue
JavaScript
Svelte
Alpine.js
Preact
Lit

Entwickeln Sie mit den Tools,
die Sie bereits kennen

Ob Vanilla JS, React, Svelte, Vue oder ein anderes Framework – Sie entscheiden. Dank Islands Architecture laden nur interaktive Komponenten JavaScript. Statische Inhalte bleiben schnell, schlank und perfekt für SEO.

Der Workflow

Von der Idee zum Live-Deployment

Ein durchdachter Entwicklungs- und Content-Workflow, der Entwickler und Content-Editoren gleichermaßen glücklich macht.

01

Komponenten entwickeln

Unser CLI macht's möglich: Lokal entwickeln mit Live-Preview. Ein Befehl – und Ihre Komponenten sind im CMS verfügbar.

02

Content zusammenstellen

Drag & Drop Interface für Ihre Kunden. Komponenten kombinieren, Inhalte einfügen – intuitiv und strukturiert.

03

Live Preview & Testen

Sehen Sie jede Änderung sofort. Teilbare Preview-Links für Feedback. Alles funktioniert? Dann geht's live.

04

One-Click Deployment

Unser Managed Hosting (am einfachsten), Netlify, Vercel, via SSH oder Custom API – Sie wählen das Ziel.

Professionelle Features

Gebaut für Agenturen, geliebt von Entwicklern

Alles was Sie brauchen, um professionelle Websites zu bauen und Ihre Kunden glücklich zu machen.

HTML Komponenten

Erstellen Sie statische Komponenten mit Standard HTML. Perfekt für Header, Footer, Hero-Sections und alle nicht-interaktiven Inhalte.

  • Kein JavaScript notwendig
  • Props für dynamische Inhalte
  • Maximale Performance
<!-- components/hero.html -->
<div class="hero">
  <h1>{{title}}</h1>
  <p>{{subtitle}}</p>
  <a href="{{buttonUrl}}">
    {{buttonText}}
  </a>
</div>

Islands Architecture

Interaktive Komponenten genau dort, wo Sie sie brauchen. Jede Island lädt nur ihr eigenes JavaScript – der Rest der Seite bleibt statisch und schnell.

  • Selektive Hydration
  • Minimales JavaScript
  • Framework-agnostisch

HTML-Komponente mit Island

<!-- components/article.html -->
<article>
  <h1>{{title}}</h1>
  <div>
    {{content}}
  </div>

  <!-- Island wird hier eingefügt -->
  <div data-island="counter"></div>
</article>

Island-Implementierung

// Vanilla JS - islands/counter.js
export default class Counter {
  constructor(element) {
    this.count = 0;
    this.element = element;
    this.render();
  }

  increment() {
    this.count++;
    this.render();
  }

  render() {
    this.element.innerHTML = `
      <button onclick="this.parentElement.__instance.increment()">
        Zähler: ${this.count}
      </button>
    `;
  }
}
<!-- Svelte - islands/counter.svelte -->
<script>
  let count = $state(0);
</script>

<button onclick={() => count++}>
  Zähler: {count}
</button>
// React - islands/counter.jsx
import { useState } from 'react';

export default function Counter() {
  const [count, setCount] = useState(0);

  return (
    <button onClick={() => setCount(count + 1)}>
      Zähler: {count}
    </button>
  );
}
// Preact - islands/counter.jsx
import { useState } from 'preact/hooks';

export default function Counter() {
  const [count, setCount] = useState(0);

  return (
    <button onClick={() => setCount(count + 1)}>
      Zähler: {count}
    </button>
  );
}
// Vue - islands/counter.js
import { ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    return {
      count,
      increment: () => count.value++
    };
  },
  template: `
    <button @click="increment">
      Zähler: ${count}
    </button>
  `
};
// Lit - islands/counter.js
import { LitElement, html } from 'lit';

export class Counter extends LitElement {
  constructor() {
    super();
    this.count = 0;
  }

  render() {
    return html`
      <button @click=${this.increment}>
        Zähler: ${this.count}
      </button>
    `;
  }

  increment() {
    this.count++;
    this.requestUpdate();
  }
}
<!-- Alpine.js - islands/counter.html -->
<div x-data="{ count: 0 }">
  <button @click="count++">
    Zähler: <span x-text="count"></span>
  </button>
</div>
Transparente Preise

Flexibel skalieren mit jedem Projekt

Erstellen Sie beliebig viele Websites in Ihrem Account – jede mit dem Paket, das zu ihren Anforderungen passt. Starten Sie kostenlos, upgraden Sie bei Bedarf.

Free

€0 /Monat

Zum Kennenlernen

  • 5 Content-Seiten
  • 500 MB Speicher
  • 1 CMS-Benutzer

Starter

€19 /Monat

Standard-Websites

  • 30 Content-Seiten
  • 2 GB Speicher
  • 2 CMS-Benutzer
  • Managed Hosting
  • Content API (50k)

Enterprise

€99 /Monat

Große Projekte

  • 500 Content-Seiten
  • 20 GB Speicher
  • 20 CMS-Benutzer
  • Managed Hosting
  • Content API (1M)

Bereit für ein CMS, das einfach funktioniert?

Kostenloser Account in 30 Sekunden. Keine Kreditkarte. Sofort loslegen.