Reconstruire un site web avec Claude Code, Strapi et GCP Cloud Run
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.
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
👀 See Also
Utilisation de fichiers Markdown comme moteur de flux de travail pour Claude Code dans Kubernetes
Un développeur a remplacé les outils de pipeline traditionnels comme Dagster ou Prefect par des fichiers markdown en anglais simple que Claude Code exécute en tant que CronJob Kubernetes. Le système coordonne les étapes en écrivant des artefacts sur le disque et fonctionne depuis plus d'un mois.
Étude de cas : Utiliser plusieurs agents d'IA pour construire une bibliothèque C++ de production
Un développeur a documenté un processus de plusieurs mois utilisant quatre agents d'IA (Claude, ChatGPT, Gemini, Grok) avec des rôles distincts pour construire FAT-P, une bibliothèque C++20 uniquement composée d'en-têtes avec 107 fichiers d'en-tête et zéro dépendance externe. Le système incluait une revue croisée, des documents de gouvernance écrits par l'IA, et un suivi des démérites pour encoder les modes d'échec.
Développeur construit un serveur MCP avec Claude Code pour automatiser la recherche de terrains au Minnesota.
Un développeur avec une expérience en sécurité informatique et en ingénierie d'automatisation a utilisé Claude Code pour créer un serveur Python/FastMCP avec 7 outils qui extrait les annonces de terrains ruraux du Minnesota sur Zillow et LandWatch. Le système filtre les propriétés selon 10 critères dans 21 comtés et a trouvé 29 parcelles uniques lors de sa première exécution.
VibecodedHub : Une plateforme de découverte entièrement construite avec Claude Code
Un développeur a créé VibecodedHub, une plateforme de découverte et de lancement pour les projets construits par l'IA, en utilisant Claude Code comme ingénieur principal lors de plusieurs sessions ciblées. La plateforme comprend une page d'accueil, un système d'authentification, un flux de contenu, des soumissions de projets, des intégrations Stripe, un panneau d'administration, du SEO et des images OG.