Reconstruindo um Site com Claude Code, Strapi e GCP Cloud Run
Um desenvolvedor detalhou sua experiência ao recriar o site da sua empresa após migrar da plataforma Lovable. A principal motivação foi superar as limitações do sistema de créditos do Lovable, que restringia o desenvolvimento local, as capacidades de automação e criava apreensão sobre fazer alterações. A nova stack foi construída com Claude Code, usando Strapi como CMS headless e GCP Cloud Run para implantação.
Stack Técnica e Implementação
A reconstrução focou em três componentes principais: Claude Code para desenvolvimento assistido por IA, Strapi para gerenciamento de conteúdo e Google Cloud Platform para hospedagem e serviços. Essa combinação proporcionou acesso a um banco de dados, ferramentas de automação, um agendador, opções de escalabilidade e outros serviços do Google disponíveis no nível gratuito.
Desenvolvimento e Uso de Habilidades
O desenvolvedor utilizou intensamente o sistema de habilidades do Claude Code durante o projeto:
- Usou habilidades fornecidas pela Anthropic, como a habilidade de frontend e a habilidade de estética
- Criou inúmeras habilidades personalizadas conforme o projeto avançava
- Habilidades específicas relacionadas a design incluíram:
- Superpower Plug-in para brainstorming
- Habilidade Remotion para criar vídeos e gráficos interativos (exemplos visíveis no post do blog e no site)
- Habilidades de Design personalizadas para manter uma linguagem de design consistente
- Habilidade Draw things
- Desenvolveu habilidades operacionais incluindo:
- Implantação no GCP através do Strapi
- Criação de esquemas para posts de blog, SEO e AEO
- Construção de um pipeline de conteúdo automático alimentado por Claude Code
Vantagens do Fluxo de Trabalho
O desenvolvedor enfatizou a capacidade de executar todas as edições localmente com Strapi e sincronizar o progresso no GitHub, com a implantação tratada pelo GCP Cloud Run. Essa abordagem eliminou o medo constante de fazer alterações que existia na configuração anterior do Lovable. O projeto é de código aberto, e a equipe está realizando um webinar ao vivo sobre Fluxos de Trabalho Agênticos Avançados com Claude Code.
📖 Read the full source: r/ClaudeAI
👀 See Also
Como um Desenvolvedor Corrigiu 16 Pontos Fracos de Arquitetura em Seu Sistema de Agente de IA
Um desenvolvedor documentou 16 problemas arquiteturais em seu sistema de agente de IA OpenClaw e implementou correções específicas, incluindo definições explícitas de camadas, autorização de gateway e execução baseada em evidências.
Claude Code vs Codex: Análise Prática de 6 Projetos
Um experimento prático comparando Claude Code e Codex em 6 projetos — web, backend e desafio livre — com revisões cruzadas, autoauditorias e pontuação.
Desenvolvedor cria aplicativo de desktop em Python com 3.106 linhas usando Claude Code em 3 semanas, sem experiência prévia em programação
Um desenvolvedor sem conhecimento prévio de Python construiu um aplicativo desktop com 3.106 linhas em três semanas usando Claude Code, descrevendo funcionalidades seção por seção através de uma conversa com mais de 500.000 caracteres. O aplicativo lida com obtenção de conteúdo, registro, acompanhamento de métricas, pesquisa, marcos gamificados e acionamento remoto de um telefone.
Usando Claude Code e Remotion para Criar Vídeos de Demonstração Sem Habilidades de Design
Um desenvolvedor adiou o lançamento do seu produto por meses porque não podia pagar vídeos de demonstração que custavam US$ 300 a US$ 1.000, com prazos de 6 a 10 semanas. Em um fim de semana, ele usou Remotion (geração de vídeo baseada em React) e Claude Code para criar seus próprios vídeos, ilustrações e componentes da página de destino, alcançando milhares de visualizações em seus reels.