Statische Seiten mit KI migrieren

In diesem Abschnitt sehen Sie, wie Sie eine als statisches HTML erstellte Seite in einen von WEEGLOO verwalteten, inhaltsbasierten Dienst überführen.

In dieser Anleitung dient die Infoseite einer einzelnen Veranstaltung als Beispiel (Download). Diese Seite enthält neben den Informationen zur Veranstaltung selbst auch die Informationen zu drei auftretenden Künstlern, und alle Daten sind direkt in der HTML-Datei festgeschrieben. Eine solche Struktur ist beim ersten Erstellen der Seite zwar unkompliziert, hat aber eine Grenze: bei jedem Wechsel der Mitwirkenden oder jeder Änderung der Veranstaltungsinformationen muss die HTML-Datei jedes Mal von Hand bearbeitet werden.

In diesem Schritt setzen Sie einen LLM-Agenten zusammen mit dem WEEGLOO MCP ein und führen drei Arbeitsschritte nacheinander aus. Zuerst wird die statische HTML-Seite analysiert und der passende Content Type automatisch erstellt, anschließend werden die in der Seite festgeschriebenen Daten herausgelöst und als Content eingespielt, und zuletzt wird der Code so angepasst, dass die Seite ihre Daten über die CDA bezieht.

Mit diesem Vorgehen können Sie eine bestehende statische Seite in einen WEEGLOO-basierten Inhaltsdienst überführen, ohne selbst ein eigenes Backend (das im Hintergrund Daten speichert und verarbeitet) aufzubauen.

Voraussetzungen

Bevor Sie beginnen, müssen zwei Dinge vorbereitet sein.

Erstens muss in WEEGLOO ein neuer Space in leerem Zustand angelegt sein. Die Content Type und Content, die Sie erstellen werden, werden alle innerhalb dieses Space verwaltet, und ein leerer Ausgangszustand lässt Sie dem Ablauf deutlicher folgen. Ausführliche Informationen zu Organization und Space finden Sie unter Zugriff und Berechtigungen.

Zweitens muss der LLM-Agent mit dem WEEGLOO MCP verbunden sein. Diese Anleitung orientiert sich an der Cursor IDE, doch in Umgebungen, die MCP unterstützen, wie Claude Desktop, lässt sich derselbe Ablauf durchführen. Die Installation wird unter MCP behandelt.

Nach abgeschlossener Installation ist der LLM-Agent in der Lage, die in der CMA (Content Management API) von WEEGLOO definierten Werkzeuge direkt aufzurufen. Das heißt, Aufgaben, die ein Mensch sonst im Content-Studio erledigt, etwa das Erstellen eines Content Type oder das Anlegen und Veröffentlichen von Content, kann der LLM-Agent allein auf eine Anfrage in natürlicher Sprache hin ausführen.

Inhalte modellieren

Als Erstes gilt es, die Struktur der auf der Seite enthaltenen Daten als Content Type zu definieren. Ein Content Type ist wie ein Bauplan der Daten: Er legt im Voraus fest, welche Field die in WEEGLOO verwalteten Daten besitzen.

Wirft man einen Blick auf die Beispielseite, so enthält sie sowohl Informationen zur Veranstaltung selbst (Titel, Datum und Uhrzeit, Ort, Preis usw.) als auch Informationen zu den Mitwirkenden (Name, Rolle, Set-Zeit, Beschreibung), und die beiden Datenarten stehen in einer Eins-zu-viele-Beziehung. Deshalb teilt sich diese Seite ganz natürlich in zwei Content Type auf: einen für die Veranstaltungsinformationen und einen für die Informationen zu den Mitwirkenden.

Diese Analyse und das Erstellen der Content Type geschehen automatisch, indem Sie dem LLM-Agenten lediglich die folgende Anfrage stellen.

Hey, so there's an HTML file in the project — nightshift-2026.html. It's a
landing page for a one-night concert and right now everything's hardcoded
straight into the markup (the show details, the lineup, set times, all of it).
 
I want to migrate it over to Weegloo so the page can pull its content from
a CMS instead of having it all baked in. Let's take it step by step rather
than doing the whole thing in one go.
 
To kick things off, could you take a look at nightshift-2026.html and figure
out what content types would make sense for it, then go ahead and create
them in Weegloo? We'll deal with the actual content and the API wiring in
the following steps.

Auf die Anfrage hin untersucht der LLM-Agent die Struktur der HTML-Datei, leitet die Art der Daten und ihre Beziehungen ab, legt für jedes Field den passenden Typ fest und erstellt anschließend über das WEEGLOO MCP die Content Type.

Nach Abschluss der Arbeit sehen Sie auf der Content Type-Seite der WEEGLOO-Content-Studio, dass zwei neue Content Type angelegt wurden: einer, der die Veranstaltung darstellt, und einer, der die Mitwirkenden darstellt. Der Veranstaltungs-Content Type enthält Field wie Titel, Datum und Uhrzeit, Ort und Preis, der Mitwirkenden-Content Type enthält neben Name, Rolle, Set-Zeit und Beschreibung ein Referenz-Field (Reference), das angibt, zu welcher Veranstaltung der Eintrag gehört.

Sind die Content Type auf diese Weise definiert, sind auf Grundlage dieser Struktur alle Vorbereitungen abgeschlossen, um die eigentlichen Daten einzuspielen. Ausführliche Informationen zu Content Type finden Sie unter Content modellieren.

Inhalte erstellen

Ein Content Type definiert nur das Format der Daten, enthält aber selbst keine Daten. In diesem Schritt überführen Sie die auf der Seite festgeschriebenen tatsächlichen Daten auf Grundlage der zuvor definierten Content Type in Content.

Wenn Sie dem LLM-Agenten die folgende Anfrage stellen, analysiert er die Daten der Seite, erstellt zu den Content Type passende Content und übernimmt auch die Veröffentlichung.

Alright, the content types look good. Now let's move on to actually loading
the data.
 
Could you go through nightshift-2026.html again, pull out the actual content
that's hardcoded in there, and create entries in Weegloo using the content
types we just made? Once everything's in, go ahead and publish them too so
they're ready to be served.

Auf die Anfrage hin analysiert der LLM-Agent das HTML erneut, teilt die Daten nach Einträgen auf und legt über das WEEGLOO MCP einen Eintrag mit Veranstaltungsinformationen und drei Einträge mit Informationen zu den Mitwirkenden an. Die angelegten Content werden zugleich veröffentlicht, damit sie von außen abrufbar sind.

Nach Abschluss der Arbeit sehen Sie in der Content-Liste der WEEGLOO-Content-Studio eine Veranstaltung und drei Mitwirkende, allesamt im veröffentlichten Zustand angelegt. Von nun an können Sie die Daten frei über das Content-Studio oder den LLM-Agenten ändern, ohne den Code der Seite selbst zu bearbeiten.

Ausführliche Informationen zum Erstellen und Veröffentlichen von Content finden Sie unter Content erstellen und veröffentlichen.

CDA-Anbindung

Sind auch die Daten bereit, passen Sie zuletzt den Code so an, dass die Seite ihre Daten nicht aus statisch festgeschriebenem HTML, sondern über die CDA von WEEGLOO bezieht. Die CDA ist eine schreibgeschützte API, die bereitgestellt wird, damit externe Dienste veröffentlichte Content abrufen können, und ermöglicht es Webseiten oder mobilen Apps, die Daten von WEEGLOO direkt zu beziehen und zu nutzen.

Auch diese Aufgabe geschieht automatisch, wenn Sie dem LLM-Agenten die folgende Anfrage stellen.

Okay, last step. The content's all in Weegloo and published, so now let's
hook the page up to actually use it.
 
Could you update nightshift-2026.html so that instead of having all that
data hardcoded in the markup, it fetches from Weegloo's CDA on load and
renders the page from the response? Basically the same page as before, just
pulling from the API now.

Auf die Anfrage hin entfernt der LLM-Agent die in der Seite festgeschriebenen statischen Daten und ersetzt sie durch Code, der die CDA aufruft und die Antwortdaten auf der Seite darstellt. An die Stelle der Informationen zu den Mitwirkenden tritt ein CDA-Aufruf, der die Liste der Mitwirkenden-Content abruft, und an die Stelle der Veranstaltungsinformationen tritt ein Aufruf, der den Veranstaltungs-Content als Einzeleintrag abruft.

Wenn Sie die angepasste Seite neu laden und im Tab Network der Entwicklerwerkzeuge des Browsers nachsehen, können Sie feststellen, dass beim Laden der Seite tatsächliche Anfragen an die CDA von WEEGLOO gesendet werden und Antworten eintreffen.

Wenn Sie nun in der WEEGLOO-Content-Studio die Set-Zeit eines Mitwirkenden ändern oder einen neuen Mitwirkenden hinzufügen und die Seite neu laden, wird die Änderung sofort übernommen, ohne dass Sie gesondert bauen oder bereitstellen müssen. Ausführliche Informationen zur CDA finden Sie unter Content Delivery API.

Bis hierhin haben Sie eine statisch erstellte einzelne HTML-Seite in einen von WEEGLOO verwalteten, inhaltsbasierten Dienst überführt. Derselbe Ablauf lässt sich unverändert auch auf komplexere Seiten anwenden. Es nehmen lediglich die Zahl der Content Type und die Menge der Content zu, während der gesamte Vorgang vom Modellieren über das Einspielen bis zur CDA-Anbindung gleich bleibt.