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
Registro de Desarrollo del Juego Claude: Lecciones y Stack de Desarrollo Agéntico en Three.js
Un desarrollador comparte lecciones prácticas de crear un juego de line rider con Three.js completamente usando Claude AI, incluyendo worktrees de Git, enfoque TypeScript primero, controles deslizantes administrativos para limitaciones de IA, y un stack tecnológico que usa Firebase, WebSockets y simulación lockstep determinista.
Claude Code IA Controla iPhone Físico mediante APIs de Accesibilidad
Un desarrollador demostró a Claude Code operando autónomamente un iPhone físico a través de la aplicación Blitz para Mac, utilizando WebDriverAgent y las API de accesibilidad con una solución alternativa de deslizamiento de distancia cero para los toques.
Reconstrucción del Algoritmo de Trading: De Tasa de Éxito a PoP Estimado y Prefiltrado Inteligente
Un desarrollador reconstruyó su escáner de operaciones bursátiles para reemplazar los cálculos engañosos de 'Tasa de Éxito' con un 'Prob. Est. de Ganancia' (Probabilidad Estimada de Ganancia) preciso usando N(d2) a precios de equilibrio, añadió un pre-filtrado de métricas de mercado que redujo las llamadas API en un 85%, e implementó un modelo de valor esperado de tres resultados.
Desarrollador Utiliza Claude AI para Crear la Aplicación PosturePal Escáner de Postura
Un desarrollador creó PosturePal: Posture Scanner usando Claude AI para múltiples aspectos, incluyendo código, decisiones de producto, comunicación de comentarios de usuarios y redacción. La aplicación analiza fotos de perfil lateral para proporcionar puntuaciones de postura, identificar problemas específicos y generar ejercicios personalizados.