Personal Blog

W tym przykładzie użyjemy Craft do zarządzania osobistym blogiem i przekształcimy go w piękną stronę osobistą z postami, tagami i wyszukiwaniem za pomocą Lovable.

Step 1 — Create Your Doc

Nasze wpisy blogowe są przechowywane w kolekcji: używamy pól kolekcji do zarządzania tagami, datą publikacji i statusem publikacji. Treść każdego wpisu blogowego to treść elementu kolekcji – w ten sposób możesz używać potężnego edytora Craft do pisania i dopracowywania swoich wpisów.

Użyj szablonu, aby utworzyć nowy dokument z kolekcją dla swojego bloga, wypełnioną przykładowymi wpisami:

Personal Blog

Preview Template

Use This Template

Step 2 — Enable API Access

Włącz dostęp API dla swojego dokumentu, aby uzyskać unikalny adres URL, który umożliwia odczyt i dodawanie treści do dokumentu.

Step 1

Open the “Connections” tab

Step 2

Click “Add Your First API Connection”

Step 3

Skonfiguruj swoje połączenie API, nadając mu nazwę. W tym projekcie API potrzebuje tylko odczytu z Twoich dokumentów. Ustaw uprawnienia API na „Read”.

Step 4

Kliknij „Add Document” i wybierz swój dokument Personal Blog.

Step 5

Adres URL API, który będzie używany do interakcji z Twoim dokumentem, jest teraz wyświetlany na górze

Step 6

Kliknij przycisk „Download AI Bundle”. Spowoduje to pobranie folderu zawierającego dokumentację API oraz treść Twojego dokumentu.

Step 3 — Build on Lovable

Teraz przejdźmy dalej i zbudujmy właściwą stronę internetową dla naszego bloga w Lovable. Do stworzenia przykładowej strony pokazanej powyżej użyliśmy tego promptu:

Przejdź do Lovable i wklej prompt w pole tekstowe. Upewnij się, że załączasz AI Bundle dla swojego dokumentu, który właśnie pobraliśmy.

Lovable zabiera się do pracy, analizując zawartość pakietu, aby zrozumieć strukturę dokumentu i sposób korzystania z API. Następnie zaczyna budować stronę zgodnie z naszym promptem.

Teraz mamy pięknego bloga, który wyświetla nasze wpisy i obsługuje wyszukiwanie oraz tagi!