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
Gerente de Restaurante Publica la Primera Habilidad de OpenClaw para Operaciones de QSR
Un gerente general de restaurante con 16 años de experiencia en QSR ha publicado qsr-daily-ops-monitor, la primera habilidad de ClawHub para operaciones de restaurante. La habilidad ejecuta tres verificaciones diarias para seguridad alimentaria, estado del equipo y seguimiento de cumplimiento.
El quemado de tokens Opus de $2,500 por parte de un desarrollador en OpenClaw: flujos de trabajo reales vs herramientas
El dueño de una tienda de software relata cómo gastó $2,500 en tokens de Opus a través de OpenClaw, usándolo para corregir errores, automatización visual y administración de servidores, pero cuestiona qué significa realmente un 'workflow'.
Portar Quake a Three.js con Claude Code: Flujo de trabajo y limitaciones
Un desarrollador utilizó Claude Code para portar el código fuente de Quake a JavaScript y Three.js, creando una versión basada en web. El proyecto implicó un trabajo significativo de prompts y reveló la dificultad de Claude para portar el código del servidor multijugador a Deno+WebTransport.
Ejecutando OpenClaw en una MacBook Pro de 2013 con macOS Sonoma mediante OpenCore Legacy Patcher.
Un desarrollador instaló y ejecutó exitosamente OpenClaw en una MacBook Pro 15" de 2013 con 16 GB de RAM utilizando OpenCore Legacy Patcher para instalar macOS Sonoma (v14), cumpliendo con los requisitos de Node.js 22/24.