Komponentenbasiertes CMS

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Wenn eine Komponente in einer Umgebung lebt, in der die Datenabfragen, die sie mit Daten versorgen, in der Nähe liegen, gibt es eine ziemlich direkte Verbindung zwischen der visuellen Komponente und der Datenbank, in der genau dieser Inhalt lebt. Dies öffnet Türen zu Website-Bearbeitungserlebnissen, die dieser Linie folgen. Wir beginnen, CMSe zu sehen, die dies direkt nutzen.

Originaler Dribble-Shot.

Wenn ich zum Beispiel meine Website so aufbaue, dass ich GraphQL-Abfragen mit einer <Query />-Komponente schreibe, um die benötigten Daten abzurufen, ist es sinnvoll, dass ich diese Daten ändern und mit einer <Mutation /> zurückschreiben kann.

Schauen Sie sich TinaCMS an, das viele Köpfe verdreht.

Ich habe gerade BodilessJS gesehen, das genau in die gleiche Kerbe schlägt. Sie versuchen, einen neuen Begriff zu prägen – wo der Inhalt für eine headless Website von einem headless CMS stammt (über eine API, d. h. der Inhalt ist woanders, anstatt neben der Website selbst) und eine bodiless Website den Inhalt neben der Website im selben Repository hat. Naja, ich bin kein großer Fan des Wortes, aber diese Art von Website verdient wahrscheinlich eine Klassifizierung.

Stackbit hat ein Produkt in Arbeit („Stackbit Live“), das ein weiteres in diese Richtung geht. Hier ist ein Screenshot aus ihrer interaktiven Demo, um Ihnen eine Vorstellung zu geben.

All diese scheinen sich auf React zu konzentrieren mit dem Vibe von „wahrscheinlich später noch mehr“.

Das (gesponserte) Video, das ich letztes Jahr mit Webflow gemacht habe, hatte eine CMS-Erfahrung, die dieser sehr ähnlich war. Es ist unglaublich, was ihr CMS dank dieser direkten Verbindung zwischen der visuellen Komponente und den Daten dahinter leisten kann.

Bearbeiten einer Website von der „Frontend“-Seite in Webflow

Der Wunsch nach dieser Art von Website-Erlebnis besteht schon ewig. Ich erinnere mich an Dienste, die sagten: „Fügen Sie einfach unsere spezielle Klasse zu Ihren Elementen und FTP-Zugangsdaten hinzu“, was es Ihnen erlaubte, sich auf ihrer Website anzumelden und den Inhalt von Elementen mit einer Benutzeroberfläche zu bearbeiten. Es lud die Änderungen buchstäblich zurück in statische Dateien auf Ihrem Server. Ich bin mir nicht sicher, ob es diese noch gibt, da sie eine Zeit lang aus der Mode kamen.

In einer etwas moderneren Form ist Lea Verou’s Mavo so etwas. Der einzige Ort, an dem Sie Inhalte bearbeiten können, ist vom Frontend aus.

Ich denke, es wird immer Websites geben, für die diese Art der Bearbeitungserfahrung sehr wünschenswert ist.