Reconstruire un site web avec Claude Code, Strapi et GCP Cloud Run

✍️ OpenClawRadar📅 Publié: April 18, 2026🔗 Source
Reconstruire un site web avec Claude Code, Strapi et GCP Cloud Run
Ad

Un développeur a détaillé son expérience de recréation du site web de son entreprise après avoir quitté la plateforme Lovable. La motivation principale était de surmonter les limitations du système de crédits de Lovable, qui restreignait le développement local, les capacités d'automatisation et créait une appréhension à effectuer des modifications. La nouvelle pile technique a été construite avec Claude Code, en utilisant Strapi comme CMS headless et GCP Cloud Run pour le déploiement.

Pile technique et mise en œuvre

La reconstruction s'est concentrée sur trois composants principaux : Claude Code pour le développement assisté par IA, Strapi pour la gestion de contenu et Google Cloud Platform pour l'hébergement et les services. Cette combinaison a permis d'accéder à une base de données, des outils d'automatisation, un planificateur, des options d'évolutivité et d'autres services Google disponibles dans le niveau gratuit.

Ad

Développement et utilisation des compétences

Le développeur a largement utilisé le système de compétences de Claude Code tout au long du projet :

  • Utilisation de compétences fournies par Anthropic comme la compétence frontend et la compétence esthétique
  • Création de nombreuses compétences personnalisées au fur et à mesure de l'avancement du projet
  • Les compétences spécifiques liées à la conception comprenaient :
    • Superpower Plug-in pour le brainstorming
    • Compétence Remotion pour créer des vidéos et des graphiques interactifs (exemples visibles dans l'article de blog et sur le site web)
    • Compétences de conception personnalisées pour maintenir un langage de design cohérent
    • Compétence Draw things
  • Développement de compétences opérationnelles incluant :
    • Déploiement sur GCP via Strapi
    • Création de schémas pour les articles de blog, le SEO et l'AEO
    • Construction d'un pipeline de contenu automatique alimenté par Claude Code

Avantages du flux de travail

Le développeur a souligné la possibilité d'exécuter toutes les modifications localement avec Strapi et de synchroniser la progression sur GitHub, le déploiement étant géré par GCP Cloud Run. Cette approche a éliminé la peur constante de faire des modifications qui existait avec la configuration précédente de Lovable. Le projet est open source, et l'équipe organise un webinaire en direct sur les flux de travail agentiques avancés avec Claude Code.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Utilisation d'Open Claw pour transcrire les Reels Instagram via un bot Telegram
Use Cases

Utilisation d'Open Claw pour transcrire les Reels Instagram via un bot Telegram

Un utilisateur a configuré Open Claw avec une clé API Groq pour transcrire les liens de reels Instagram collés dans un chat Telegram, évitant ainsi un abonnement de 20 $/mois à TurboScribe.

OpenClawRadar
Un non-développeur crée un microservice IA cryptographiquement sécurisé avec Claude, Gemini et ChatGPT
Use Cases

Un non-développeur crée un microservice IA cryptographiquement sécurisé avec Claude, Gemini et ChatGPT

Une personne de 60 ans sans expérience en programmation a créé un microservice d'IA appelé AgentGate en une semaine en utilisant Claude Code pour l'écriture, avec une vérification croisée par Gemini et ChatGPT. Le système comprend une base de données SQLite, une limitation de débit progressive, une signature cryptographique Ed25519 et plus de 50 tests réussis.

OpenClawRadar
Développeur reconstruit l'agent de recherche LinkedIn après restriction de compte
Use Cases

Développeur reconstruit l'agent de recherche LinkedIn après restriction de compte

Un développeur a reconstruit son agent OpenClaw pour utiliser l'API de LinkedIn au lieu de l'automatisation du navigateur après que la visite en masse de 200 profils ait déclenché une restriction de compte. La nouvelle approche utilise des appels API directs pour des données plus propres et évite la détection.

OpenClawRadar
Agent Autonome OpenClaw Exécute une Prospection à Froid de 24 Heures avec des Clés API
Use Cases

Agent Autonome OpenClaw Exécute une Prospection à Froid de 24 Heures avec des Clés API

Un développeur a donné à un agent OpenClaw un accès complet en lecture/écriture pour exécuter une opération de prospection à froid pendant 24 heures sans intervention humaine. La configuration utilisait OpenClaw pour le raisonnement autonome, Zapier MCP pour les intégrations, l'API Brave Search pour la recherche, et Gemini/OpenRouter pour les contextes lourds.

OpenClawRadar