Persönlicher Blog
Erstelle einen vollwertigen Blog mit Tags, Archiv und Suche und verwalte und bearbeite deine Beiträge direkt in Craft.
Live-Demo
Dieses Beispiel zeigt, wie das Craft-Dokument und der mit Lovable erstellte Blog aussehen:
Schreibaktionen wurden für die Demo deaktiviert
Erstellt mit Craft und Lovable
Selbst erstellen
In diesem Beispiel verwenden wir Craft, um einen persönlichen Blog zu verwalten und ihn mit Lovable in eine schöne, persönliche Website mit Beiträgen, Tags und Suche zu verwandeln.
Schritt 1 — Erstelle dein Dokument
Unsere Blogbeiträge werden in einer Sammlung gespeichert: Wir verwenden die Sammlungsfelder, um Tags, Veröffentlichungsdatum und den Publikationsstatus zu verwalten. Der Inhalt jedes Blogbeitrags ist der Inhalt des Sammlungselements – so kannst du den leistungsstarken Editor von Craft nutzen, um deine Blogbeiträge zu schreiben und zu verfeinern.
Verwende die Vorlage, um ein neues Dokument mit einer Sammlung für deinen Blog zu erstellen, gefüllt mit einigen Beispielbeiträgen:
Schritt 2 — API-Zugriff aktivieren
Aktiviere den API-Zugang für dein Dokument, um eine eindeutige URL zu erhalten, über die dein Dokument gelesen und ergänzt werden kann.
Schritt 1
Schritt 2
Schritt 3
Schritt 4
Schritt 5
Schritt 6
Schritt 3 — Auf Lovable erstellen
Jetzt erstellen wir die eigentliche Website für unseren Blog auf Lovable. Für die oben gezeigte Beispielseite haben wir diesen Prompt verwendet:
Ich möchte, dass du meinen persönlichen Blog erstellst.
Die Informationen sind in Craft gespeichert. Bitte prüfe die angehängte Datei mit einem Beispiel des aktuellen Stands meines Blog-Craft-Dokuments sowie Informationen zur API, die du verwenden sollst, um dieses Dokument und meine Blogbeiträge abzurufen. Bitte lies die API-Dokumentation sorgfältig und befolge die Anweisungen.
Ich möchte Folgendes:
- Eine Startseite mit den letzten 3 Einträgen samt Datum und Kurztext sowie einem Link zum Archiv
- Ein Archiv, das alle veröffentlichten Beiträge mit Datum als Tabelle auflistet
- Eine Seite für jeden Beitrag mit Vor/Zurück-Navigation am Ende
- Eine Seite, die alle Blöcke mit einem bestimmten Tag anzeigt
- Es sollte auch eine Suchfunktion geben
Jeder Beitrag hat eine Eigenschaft „Veröffentlicht“. Zeige nur die Beiträge an, bei denen diese auf „true“ gesetzt ist.
Ich möchte ein klares und modernes Design, das auf Details achtet und sich richtig gut durchdacht anfühlt. Es soll anspruchsvoll, aber nicht überheblich sein, mit großartiger, moderner Typografie und viel Weißraum.
Gehe zu Lovable und füge den Prompt in das Eingabefeld ein. Stelle sicher, dass du das AI Bundle für dein Dokument anhängst, das wir gerade heruntergeladen haben.
Lovable legt los, analysiert den Inhalt des Bundles, um die Dokumentstruktur und die API-Nutzung zu verstehen. Dann beginnt es, die Website gemäß unserem Prompt zu erstellen.
Jetzt haben wir einen schönen Blog, der unsere Beiträge anzeigt und Suche sowie Tags unterstützt!
Weitere Ideen zum Ausprobieren
Zurück zur Galerie
Verfolge Bücher und erfasse Zitate mit Claude oder ChatGPT über MCP.
Mehr erfahren
Ein Live-Pflanzenpflege-Dashboard, erstellt mit Lovable. Ruft Gießpläne und Pflegetipps aus deinem Craft-Dokument ab.
Mehr erfahren
KI-gestütztes Traumtagebuch, das Muster und Themen analysiert. Erstellt mit der Craft API und Lovable.
Mehr erfahren