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

Automatizando um Podcast Diário de Notícias de IA com Claude Code e Três Agentes de IA
Um desenvolvedor criou um pipeline de podcast totalmente automatizado usando Claude Code para orquestrar três agentes de IA especializados que selecionam notícias sobre IA, escrevem roteiros de narração, verificam a veracidade do conteúdo e geram áudio com clonagem de voz. O sistema publica episódios diários com intervenção manual mínima.

Por que a IA não vai acelerar seus processos de desenvolvimento – Foco nos gargalos
Frederick Vanbrabant argumenta que a IA não acelerará automaticamente os processos de software a menos que você corrija gargalos upstream, como requisitos vagos, ilustrado com gráficos de Gantt e um mergulho profundo em 'A Meta' e 'O Jeito Toyota'.

Claude Opus 4.6 Usado para Construir App de Namoro com Mais de 700 Usuários em Um Mês
Um desenvolvedor utilizou o Claude Opus 4.6 para construir um aplicativo de namoro completo com frontend em Flutter, backend em Node.js e banco de dados MongoDB. O app conquistou mais de 700 usuários registrados em cerca de um mês e inclui recursos de compatibilidade, chat e indicações.

Claude Artifacts + React: Professor cria jogo de mini golfe para aulas de ângulos em 20 minutos
Um professor usou o Artifact + React do Claude para criar um jogo de minigolfe para ensinar ângulos e depois converteu para HTML para compartilhar. Os alunos desenharam seus próprios percursos. Sem dependência do Gemini.