Zum Inhalt springen

Alles, was eine Website braucht. Nichts, was im Weg steht.

Frootbox macht die einfachen Dinge einfach und lässt die großen zu. Hier siehst Du, was drin ist, für Redaktion, Agentur und Entwicklung.

Bearbeiten, wo der Inhalt ist.

Du siehst Deine Website so, wie Besucher sie sehen, und änderst sie genau dort. Die Redaktionsleiste zeigt nur, was für diese Seite gerade sinnvoll ist.

  • Texte, Bilder und Links direkt auf der Seite ändern

  • Formatierter Text mit Werkzeugleiste, sauber gespeichert

  • Jede Aktion lässt sich rückgängig machen, auch Löschen

  • Fehlt beim Veröffentlichen etwas, zeigt die Leiste genau wo

Blöcke, die immer gut aussehen.

Statt eines freien Baukastens gibt es fertig gestaltete Elemente aus Deinem Theme. Redakteure ordnen sie an, das Design bleibt stimmig.

  • Bilder, Texte, Listen und Tabellen, aus dem Theme gestaltet

  • Varianten und Optionen je Block, mit Vorschaubild

  • Tabellen direkt aus einer Tabellenkalkulation einfügen

  • Überschriften-Ebenen rechnet der Kern aus, die Gliederung stimmt immer

Nichts geht verloren. Nichts geht zu früh raus.

Jede Änderung landet zuerst im Entwurf. Veröffentlicht wird bewusst, sofort oder zu einem festen Zeitpunkt. Jede frühere Version lässt sich wiederherstellen.

  • Entwürfe dürfen unfertig sein, Pflichtfelder prüft erst das Veröffentlichen

  • Zeitgesteuert veröffentlichen, in Deiner Ortszeit

  • Änderungen der KI landen ebenfalls im Entwurf

Feedback direkt auf der Seite.

Schick Deinem Kunden einen Vorschaulink. Er sieht den Entwurf der ganzen Website, ohne Konto, und kommentiert genau an der Stelle, um die es geht.

  • Vorschaulinks ohne Konto, 14 Tage gültig, jederzeit widerrufbar

  • Kommentare des Kunden direkt am Element in der Vorschau

  • Website in der Entwicklung per Passwort schützen, damit sie nicht in Suchmaschinen landet

Die Struktur im Griff.

Die Sitemap zeigt alle Seiten mit ihrem Status. Ziehen zum Sortieren, filtern nach Entwürfen. Ändert sich eine Adresse, leitet Frootbox die alte von selbst weiter.

  • Automatische Weiterleitung, wenn sich eine Adresse ändert

  • Mehrere Navigationen je Sprache, vom Theme vorgegeben

  • Seitenlayouts mit eigenen Bereichen für Blöcke

Ein Bild hochladen. Jede Größe passt.

Das Original bleibt unangetastet. Frootbox erzeugt die Größen, die das Theme braucht, und schneidet um den Fokuspunkt herum zu, damit nie ein Kopf abgeschnitten wird.

  • Fokuspunkt setzen, Zuschnitte folgen ihm

  • Moderne Formate, ausgeliefert als responsives Bild

  • Alternativtexte je Sprache, geschützte Dateien nur mit Recht

Mehrsprachig von Anfang an.

Sprachen sind Teil des Kerns, kein Plugin. Jede Seite bekommt übersetzte Adressen, und fehlt eine Übersetzung, springt die Rückfall-Sprache ein.

  • Präfix wie /en/ oder eine eigene Domain je Sprache

  • Übersetzte Adressen und hreflang ohne Zutun

  • Auch Sprachen von rechts nach links, im Backend wie auf der Website

Jeder darf, was er soll.

Rollen legst Du frei an, mit klarer Rangfolge. Auf Wunsch gilt eine Rolle nur für einen Zweig der Sitemap, etwa nur für den Blog oder eine Abteilung.

  • Feste Rechte je Aktion, frei kombinierbar zu Rollen

  • Rollen mit Stufen, niemand vergibt mehr, als er selbst hat

  • Die KI handelt immer mit den Rechten des Benutzers

Farben und Schriften, ohne Code.

Das Theme legt fest, was sich ändern lässt. Farben, Schriften und Abstände stellst Du im Bearbeitungsmodus ein und siehst das Ergebnis sofort, als Entwurf wie alles andere.

  • Kontrast wird beim Einstellen geprüft

  • Schriften liefert der Kern selbst aus, ohne fremde Server

  • Jede Änderung am Design ist eine eigene Version

Eine Aktion, viele Wege.

Jede Änderung ist eine beschriebene Aktion, jedes Lesen eine Query. Oberfläche, REST-API, KI und App nutzen genau diese, einen zweiten Weg gibt es nicht. Du schreibst eine Klasse und bekommst Rechte, Rückgängig und API dazu.

src/Action/CreateOrder.php

#[AsAction('acme/shop/order.create', 'Create an order')]
final class CreateOrder
{
    public function __construct(
        #[Length(max: 120)]
        public string $customer,
        #[Range(min: 1)]
        public int $quantity = 1,
    ) {}

    public function handle(Orders $orders): Order
    {
        return $orders->create($this->customer, $this->quantity);
    }
}

Läuft auf normalem Webspace.

Kein Composer, keine Build-Kette und keine Dauerprozesse auf dem Server. Was Du sicherst, passt in einen Satz.

  • Ganzseiten-Cache

    Gäste bekommen fertige Seiten. Der Bearbeitungsmodus läuft daran vorbei.

  • Drei Datenbanken

    MySQL 8, MariaDB 10.11 oder SQLite für kleine Websites.

  • Cron optional

    Zeitsteuerung prüft beim Aufruf. Ein Cron-Job macht es nur pünktlicher.

  • Backup in einem Satz

    Datenbank, Ordner storage/ und die Datei .env. Mehr braucht es nicht.

  • Klare Ordner

    Konfiguration in Git, Geheimnisse in .env, Cache und Logs jederzeit löschbar.

  • Konsole, wenn Du willst

    install, migrate, cache:clear, seed und mehr über bin/frootbox.

KI als Abkürzung, nicht als Pflicht.

Frootbox ist ohne KI voll nutzbar. Mit einem Anbieter-Modul schreibt, prüft und übersetzt sie für Dich, über dieselben Aktionen wie Du und nur mit Deinen Rechten.

  • Texte entwerfen, kürzen und übersetzen

  • Barrierefreiheit und Alternativtexte prüfen

  • Ergebnisse landen immer im Entwurf, Du veröffentlichst

  • Ohne Anbieter-Modul ist alles KI-Bezogene ausgeblendet

In Arbeit

Die KI-Funktionen entstehen gerade. Alles andere auf dieser Seite funktioniert ohne sie.

Standards sind kein Feature.

Offizielle Module

Alles Fachliche kommt als Modul. Offizielle Module nutzen nur Erweiterungspunkte, die auch Dir offenstehen. Geplant sind:

  • News

  • Formulare

  • Termine

  • Personen

  • Jobs

  • Sammlungen

  • Suche

  • SEO

  • Cookie-Consent

  • Statistik

Was Frootbox bewusst nicht ist

  • Kein freier Seitenbaukasten

    Gestaltung kommt aus dem Theme, damit nichts aus dem Ruder läuft.

  • Keine Datensammlung

    Ohne Deine Zustimmung sendet Frootbox nichts nach draußen.

  • Kein Zwang zur Cloud

    Jede Website ist eine eigene Installation und läuft für sich allein.

Am besten selbst ausprobieren.

Installieren, die Demo Bohnenglück öffnen und den ersten Text ändern.

Zum Code auf GitHub