Imagine With Craft

Nutze die Craft-API zum Erstellen mit v0

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

Craft
v0

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 v0 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 v0-Prompt verwenden

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

Damit v0 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

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

Schritt 2

Klicke auf die Plus-Schaltfläche, wähle die Option „Vom Computer hochladen“ im Eingabefeld und lade das AI-Bundle hoch, das du von Craft heruntergeladen hast.

Schritt 3

Der Anhang sollte in der oberen linken Ecke des Eingabefelds erscheinen.

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 4

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

Ein paar Ideen für den Einstieg

Beispiele durchsuchen