Reconstruyendo un sitio web con Claude Code, Strapi y GCP Cloud Run
Un desarrollador detalló su experiencia al recrear el sitio web de su empresa después de migrar desde la plataforma Lovable. La motivación principal fue superar las limitaciones del sistema de créditos de Lovable, que restringía el desarrollo local, las capacidades de automatización y generaba aprensión al realizar cambios. La nueva pila tecnológica se construyó con Claude Code, utilizando Strapi como CMS headless y GCP Cloud Run para el despliegue.
Pila Técnica e Implementación
La reconstrucción se centró en tres componentes principales: Claude Code para desarrollo asistido por IA, Strapi para gestión de contenido y Google Cloud Platform para alojamiento y servicios. Esta combinación proporcionó acceso a una base de datos, herramientas de automatización, un programador, opciones de escalabilidad y otros servicios de Google disponibles en el nivel gratuito.
Desarrollo y Uso de Habilidades
El desarrollador utilizó ampliamente el sistema de habilidades de Claude Code durante todo el proyecto:
- Utilizó habilidades proporcionadas por Anthropic como la habilidad de frontend y la habilidad de estética
- Creó numerosas habilidades personalizadas a medida que avanzaba el proyecto
- Las habilidades específicas relacionadas con el diseño incluyeron:
- Superpower Plug-in para lluvia de ideas
- Habilidad Remotion para crear videos y gráficos interactivos (ejemplos visibles en la publicación del blog y el sitio web)
- Habilidades de Diseño personalizadas para mantener un lenguaje de diseño consistente
- Habilidad Draw things
- Desarrolló habilidades operativas incluyendo:
- Despliegue en GCP a través de Strapi
- Creación de esquemas para publicaciones de blog, SEO y AEO
- Construcción de un flujo de contenido automático impulsado por Claude Code
Ventajas del Flujo de Trabajo
El desarrollador enfatizó la capacidad de ejecutar todas las ediciones localmente con Strapi y sincronizar el progreso en GitHub, con el despliegue manejado por GCP Cloud Run. Este enfoque eliminó el miedo constante a realizar cambios que existía con la configuración anterior de Lovable. El proyecto es de código abierto, y el equipo está realizando un seminario web en vivo sobre Flujos de Trabajo Agénticos Avanzados con Claude Code.
📖 Read the full source: r/ClaudeAI
👀 Ver también
Bucle Autónomo de Código Claude Ejecuta GymCoach de Código Abierto 24/7 — Triage, Codifica, Fusiona
Un desarrollador deja que Claude Code ejecute una app de fitness de código abierto de forma autónoma: clasificar incidencias, implementar PRs, pasar controles de calidad, fusionar y documentar, todo sin intervención humana.
Desarrollo de Juegos en Steam con Claude Code: Proceso de Revisión Técnica y Reestructuración de Código
Un desarrollador utilizó Claude Code para crear y publicar un juego en Steam, detallando cómo manejó la integración del SDK de Steamworks, la configuración de depósitos y la localización para 7 idiomas, pero tuvo dificultades con las especificaciones de imágenes y las estructuras de datos codificadas.
Cómo Claude convirtió un sitio de un no desarrollador en 10K usuarios con SEO y AEO
Un no desarrollador usó Claude para estrategia de contenido SEO, optimización AEO y auditorías técnicas para hacer crecer un marketplace de habilidades de IA de 0 a 10,000 usuarios activos en 6 semanas con $0 en publicidad.
Usuario de Reddit reporta mejores resultados con Claude después de cambiar el enfoque de los prompts.
Un desarrollador pasó días luchando con múltiples herramientas de IA antes de encontrar éxito con Claude al cambiar de indicaciones estilo motor de búsqueda a conversaciones de ida y vuelta con contexto específico sobre por qué los enfoques no funcionaban.