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.