Neugestaltung einer Website mit Claude Code, Strapi und GCP Cloud Run
Ein Entwickler schilderte seine Erfahrungen beim Neubau der Unternehmenswebsite nach dem Weggang von der Lovable-Plattform. Die Hauptmotivation war, die Einschränkungen des Lovable-Credit-Systems zu überwinden, das lokale Entwicklung und Automatisierungsmöglichkeiten einschränkte und Bedenken bei Änderungen hervorrief. Der neue Stack wurde mit Claude Code erstellt, wobei Strapi als Headless-CMS und GCP Cloud Run für das Deployment genutzt wurden.
Technischer Stack und Umsetzung
Der Neuaufbau konzentrierte sich auf drei Kernkomponenten: Claude Code für KI-gestützte Entwicklung, Strapi für Content-Management und Google Cloud Platform für Hosting und Services. Diese Kombination bot Zugang zu einer Datenbank, Automatisierungstools, einem Scheduler, Skalierungsoptionen und anderen Google-Diensten, die im kostenlosen Tarif verfügbar sind.
Fähigkeitsentwicklung und Nutzung
Der Entwickler nutzte während des Projekts intensiv das Fähigkeitssystem von Claude Code:
- Verwendete von Anthropic bereitgestellte Fähigkeiten wie die Frontend-Fähigkeit und die Ästhetik-Fähigkeit
- Erstellte zahlreiche eigene Fähigkeiten im Projektverlauf
- Spezifische designbezogene Fähigkeiten umfassten:
- Superpower-Plug-in für Brainstorming
- Remotion-Fähigkeit für Videos und interaktive Grafiken (Beispiele im Blogbeitrag und auf der Website sichtbar)
- Eigene Design-Fähigkeiten zur Beibehaltung einer konsistenten Designsprache
- Draw things-Fähigkeit
- Entwickelte operative Fähigkeiten einschließlich:
- Deployment auf GCP über Strapi
- Erstellung von Schemas für Blogbeiträge, SEO und AEO
- Aufbau einer automatischen Content-Pipeline mit Claude Code
Workflow-Vorteile
Der Entwickler betonte die Möglichkeit, alle Änderungen lokal mit Strapi durchzuführen und den Fortschritt mit GitHub zu synchronisieren, während das Deployment von GCP Cloud Run übernommen wird. Dieser Ansatz beseitigte die ständige Angst vor Änderungen, die beim vorherigen Lovable-Setup bestand. Das Projekt ist Open Source, und das Team veranstaltet ein Live-Webinar zu Advanced Agentic Workflows mit Claude Code.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Siri über Telegram-Bot mit Claude Code integriert für persönlichen KI-Assistenten
Ein Entwickler hat einen persönlichen KI-Assistenten namens Snoopy gebaut, der Siri über einen Telegram-Bot mit Claude Code verbindet und Sprachbefehle mit dauerhaftem Gedächtnis sowie Integrationen in Mac, Spotify, WhatsApp, iMessage, Kalender, Browser und Dateien ermöglicht.
Claude-Debugging-Fall: Agent scheiterte still, weil Parameter fehlten, die Formulierung war wichtiger als das Modell.
Ein Entwickler nutzte Claude, um einen Kalender-Agenten zu erstellen, und verbrachte dann 40 Minuten damit, dass Claude ihn debuggt, bevor er erkannte, dass dem write_calendar-Tool ein Teilnehmer-Parameter fehlte. Als der vollständige Kontext gegeben wurde, identifizierte Claude das Problem in 10 Sekunden.
Claudes kritischer Frageansatz für die Lebenslaufprüfung im Vergleich zu ChatGPT und Gemini
Ein Entwickler testete Claude, ChatGPT und Gemini zur Optimierung von Lebensläufen und stellte fest, dass Claude einzigartig Lücken in der Berufserfahrung und Projektergebnisse hinterfragte, indem er den Lebenslauf als Argument betrachtete, das es zu prüfen gilt, anstatt nur Fakten zu polieren.
Wildtierretter nutzt Claude KI für Buch zur Pflege von Baby-Eichhörnchen und interaktiven Chatbot
Ein Wildtierretter mit 38 Jahren Erfahrung nutzt Claude AI, um ein 300-seitiges Buch über die Pflege von Baby-Eichhörnchen zu verfeinern, und hat einen interaktiven Chatbot namens Hazel programmiert, um anderen Rettern zu helfen. Der Retter testet nun Claudes Fähigkeiten, indem er es den Fortschritt eines Baby-Eichhörnchens namens Nova verfolgen und dokumentieren lässt.