Do Mercado Livre para uma loja própria com cara de perfumaria de luxo
Primeira loja própria da Rocha Importados, que só vendia no Mercado Livre: perfumes árabes, de grife e de nicho numa vitrine rápida e fácil de atualizar.
Ler case
Site institucional
Fernando Jr.
Construí um site inteiro sem digitar uma linha de código
Meu próprio site, feito com Claude Code, Astro e Keystatic em 55 passos documentados. Lighthouse 99–100 em produção.
Este site é a minha vitrine e também o meu laboratório: usa a mesma stack que entrego para clientes (Astro e Keystatic) e foi construído inteiro por IA, sob a minha direção.
O que segue é como o projeto foi planejado, executado e medido, com os números que consegui verificar.
O problema
Dá para entregar um site de verdade, rápido e editável pelo cliente, com todo o código escrito por IA, sem perder qualidade nem controle? Eu precisava de um site que trouxesse clientes e queria descobrir a resposta construindo o meu.
O que eu construí
Um briefing escrito antes do código, uma fila de 55 passos com critério de pronto verificável e um diário de cada etapa. A IA executava; eu decidia e aprovava em checkpoints.
O resultado
No ar em 2 dias, com Lighthouse 99–100 em Performance e 100 em acessibilidade, boas práticas e SEO. 84% dos passos saíram na primeira tentativa.
Quer algo parecido?
Vamos conversarAcompanhe em detalhes
Os desafios do projeto
Antes de começar, listei o que poderia dar errado ao deixar a IA escrever o código.
- Qualidade. Lighthouse acima de 95 em produção, sem deixar o resultado ao acaso.
- Controle. Cada passo com critério de pronto verificável e aprovação minha.
- Editável. Conteúdo no painel do Keystatic, para ser mostrado ao vivo em reuniões.
Primeiro o plano, depois o código
Antes de pedir qualquer linha de código, escrevi o que o site precisava ser: stack, arquitetura, direção visual, como o conteúdo seria organizado e uma lista do que não fazer. A IA lê esse briefing no início de toda sessão. Cada decisão tomada ali foi uma discussão a menos durante a construção.
55 passos, um de cada vez
O projeto virou uma fila. Cada passo tinha um critério de pronto que dava para verificar, como “sem JavaScript, todos os projetos continuam aparecendo”. A IA executava só o primeiro pendente, registrava num diário o que funcionou e o que errou, e parava nos checkpoints para eu validar.
84%
dos 55 passos concluídos na primeira tentativa
O painel também é produto
Este site usa a mesma stack que entrego para clientes, e o painel de edição é mostrado ao vivo em reunião. Por isso ele foi tratado como produto: labels em português, descrição em cada campo e português e inglês lado a lado na mesma tela.
Rápido porque é simples
O site é estático: as páginas já saem prontas do build, sem banco de dados e sem buscar conteúdo na hora da visita. JavaScript só onde há interação real. Em produção, todas as páginas medidas ficaram entre 99 e 100 em Performance no Lighthouse mobile.
O que continuou sendo meu
A IA escreveu o código. Escolher a cor, decidir o que é verdade em cada número, perceber que um dado ainda era de teste e saber quando quebrar uma regra do próprio briefing continuou sendo trabalho meu. É essa parte que faz um site parecer de alguém.
