Imagine With Craft

Nutze die Craft-API zum Erstellen mit Lovable

Nutze die Craft-API, um Apps auf Lovable zu erstellen. Rufe deine Dokumente ab, synchronisiere Inhalte und erstelle eigene Tools mit deinen Craft-Daten.

Craft
Lovable

API für Dokumente aktivieren

Zuerst musst du die API aktivieren, damit Craft einen API-Endpunkt für deine Dokumente einrichten kann. Dann verwendest du die API-Endpunkt-URL, um dich von Lovable aus mit dem Server zu verbinden.

Schritt 1

Öffne den Tab „Imagine“

Schritt 2

Klicke auf „Add Your First API Connection“

Schritt 3

Konfiguriere deine API-Verbindung mit einem Namen.

Schritt 4

Klicke auf „Add Document“, um auszuwählen, auf welche Dokumente diese API-Verbindung Zugriff hat.

Schritt 5

Die API-URL, über die mit deinem Dokument interagiert wird, wird jetzt oben angezeigt

Schritt 6

Klicke auf die Schaltfläche „Download AI Bundle“. Dadurch wird ein Ordner mit der API-Dokumentation und dem Inhalt deines Dokuments heruntergeladen.

Die API in einem Lovable-Prompt verwenden

Sobald die API für deine Craft-Dokumente aktiviert ist, kannst du dich auf das Schreiben eines Prompts konzentrieren, den Lovable zur Erstellung deines Projekts verwenden wird.

Damit Lovable die API nutzen und die Struktur deines Dokuments verstehen kann, hängst du das AI-Bundle an deinen Prompt an. Dieses Bundle ist ein Markdown-Dokument, das den aktuellen Inhalt deines Craft-Dokuments sowie die API-Dokumentation enthält.

Schritt 1

Geh zu Lovable. Du kannst direkt über das Eingabefeld auf der Startseite ein neues Projekt erstellen.

Schritt 2

Klicke auf „Anhang hinzufügen“ im Eingabefeld und lade das AI-Bundle hoch, das du von Craft heruntergeladen hast.

Jetzt kannst du einen Prompt hinzufügen, um die App zu beschreiben, die du erstellen möchtest. Hier ist ein sehr allgemeines Beispiel, das zum Testen verwendet werden kann:

Bitte erstelle eine Website, die den Inhalt meiner verbundenen Craft-Dokumente visualisiert. Anweisungen zum Zugriff auf diese Daten und deren Struktur findest du in der angehängten Datei.

Schritt 3

Jetzt analysiert Lovable das Dokument, nutzt die API, um die Daten abzurufen, und erstellt die Website.

Ein paar Ideen für den Einstieg

Beispiele durchsuchen