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
Test Autonome de Super Mario Utilisant des Modèles Comportementaux
Explorez les tests autonomes dans Super Mario en utilisant un générateur d'entrées basé sur la mutation pour découvrir des cas limites et explorer les espaces d'états plus efficacement.
Le bot OpenClaw connecte n8n, WordPress, Airtable et GHL pour l'automatisation CRM.
Un non-développeur a utilisé un bot OpenClaw pour connecter les environnements n8n, WordPress, Airtable et GoHighLevel via des discussions Telegram, construisant un système de CRM et de flux de travail en une semaine. Le bot a consommé beaucoup de tokens mais s'est avéré moins cher que d'embaucher une aide technique.
Création d'un JRPG en Pixel-Art avec Claude Code : Flux de travail et pile technique d'un développeur
Un développeur a utilisé Claude Code (Opus 4.6) pour créer Bakemachi, un JRPG en pixel-art conçu pour apprendre le japonais, avec une démo jouable. La pile technique comprend Vite, React, Phaser 3, TypeScript et Zustand, Claude ayant géré la majeure partie de l'implémentation du code.
Utilisation de Claude Code pour Actualiser Automatiquement les Jetons OAuth d'OpenClaw
Un développeur partage une méthode utilisant Claude Code pour faire tourner automatiquement les jetons OAuth OpenClaw toutes les 8 heures, évitant ainsi leur expiration pendant les longues sessions de codage. L'approche nécessite de garder votre ordinateur allumé avec une session Claude Code active.