Como criar e manter sites com IA: o método que deixa tudo a um prompt de distância

Dá pra criar e manter sites com IA de um jeito em que qualquer mudança, uma página de venda nova, um pop-up, um formulário, fica literalmente a um prompt de distância. Aqui na DobraLabs a gente migrou todos os sites pra esse modelo depois de mais de 10 anos no WordPress, e o segredo não é a IA escrever bonito: é o jeito que você organiza o trabalho em volta dela.

Este post mostra o método por um ângulo que quase ninguém aborda quando fala de “site com IA”: não é sobre design, é sobre marketing e produtividade. Você vai ver por que a DobraLabs largou o WordPress, o erro que quase nos travou no caminho, e como o framework Astro fechou a conta.

Como funciona criar sites com IA na prática

Criar sites com IA na prática é usar uma ferramenta agêntica genérica, como Claude Code ou Codex, pra escrever o site em HTML a partir de uma conversa, em vez de montar página por página num editor visual. As IA são craques em HTML, a linguagem mais básica da web. Sempre que você pede um design ou uma apresentação pra elas, a resposta já vem em HTML. Por isso o site sai rápido, fica leve e passa bem nos testes de velocidade.

A hospedagem custa zero. A DobraLabs roda tudo no Cloudflare Pages de graça, sem pagar servidor. E o deploy é automático: você salva uma alteração, ela sobe pro GitHub e o site no ar se atualiza sozinho, sem ninguém apertar botão.

A diferença entre fazer isso e usar um Lovable ou um Replit da vida é o controle. Com uma ferramenta agêntica genérica, o site mora dentro do seu ambiente de trabalho, junto com todo o resto do negócio. É essa proximidade que destrava o método inteiro.

Por que a DobraLabs largou o WordPress depois de 10 anos

A DobraLabs largou o WordPress porque, na era dos agentes de IA, faz mais sentido delegar a criação e a manutenção do site pra IA do que editar tudo na mão por um painel. Não é briga com o WordPress: a agência rodou todos os sites nele por mais de 10 anos e é grata. Só que o WordPress foi desenhado pra um mundo onde uma pessoa abre o painel e edita o site clicando.

Quando você passa o dia inteiro dentro do Claude Code e do Codex, esse painel vira um desvio. O trabalho natural passa a ser conversar com a IA, e o site precisa estar onde a IA já está. O WordPress não acompanhava mais esse ritmo, e essa foi a razão concreta pra migração.

O erro da primeira tentativa: clonar o site pro NextJS

A primeira tentativa de sair do WordPress deu errado, e a lição vale o post inteiro: escolha a ferramenta pelo tamanho do problema. A DobraLabs testou uma skill que prometia clonar qualquer site da internet e apontou pro próprio site da agência. Boa parte funcionou, mas a skill convertia tudo pra NextJS.

O NextJS é um framework robusto, pensado pra sistemas grandes, dinâmicos, que mudam de estado o tempo todo. Um site institucional é o oposto: estático, parado, simples. Jogar um site institucional num framework tão pesado é matar a formiga com um canhão. Por isso esse primeiro teste foi pro lixo. A regra que ficou: site simples pede coisa simples, e o ponto de partida mais simples da web é o bom e velho HTML.

O método: Claude Code, HTML e o contexto do negócio num lugar só

O coração do método não é o HTML, é onde o site mora. Os sites da Ratos de IA são feitos com Claude Code em HTML puro, mas o pulo do gato é que cada site fica dentro do “sistema operacional de IA” da DobraLabs: uma estrutura de pastas e arquivos com todo o contexto do negócio. As transcrições dos vídeos do canal, os planos de aula dos cursos, quem é o público, o que a agência vende, tudo num lugar só.

Por causa disso, quando o pedido é “cria a página de venda do nosso curso de Claude Code”, o agente já sabe o que é o curso, pra quem ele serve e como a agência comunica. A página sai quase pronta, e raramente precisa de ajuste manual. Some isso ao deploy automático e o resultado é um site vivo: você muda o que quiser conversando com a IA, de qualquer lugar, enquanto resolve outra coisa em paralelo. Esse é o mesmo princípio que move as skills que gerenciam tráfego pago pelo Claude Code: a IA fica boa quando você organiza o contexto em volta dela.

Quando o site cresce e vira um monstro

HTML puro é ótimo pra começar e vira um problema quando o site cresce. O site da Ratos de IA cresceu rápido: vídeo toda semana, uma página por episódio, uma página por carrossel do Instagram. E o HTML puro tem um pecado, ele duplica tudo.

Cada página nova repete o mesmo cabeçalho, o mesmo rodapé, o mesmo pop-up e os mesmos códigos de rastreamento. Pra trocar um único pop-up, era preciso alterar a mesma coisa em 50, 100 páginas, uma por uma. A IA gastava tempo e recurso repetindo uma edição boba em todo lugar, em vez de mudar num ponto só. O que tinha sido ótimo no começo começou a pesar.

A solução: Astro, componentização, velocidade e blog em Markdown

A solução pra essa dor foi um framework chamado Astro, e foi com ele que a DobraLabs finalmente tirou o site da agência do WordPress. O Astro componentiza o site: o cabeçalho vira uma peça única, você altera num lugar e a mudança reflete em todas as páginas de uma vez. Pra quem é da época do Elementor, é como editar um modelo e ver ele atualizar em todo o site. Isso mata de vez a dor de duplicar conteúdo.

O Astro também é rápido pra caramba. É open source, sites grandes como os da OpenAI e do Google usam, e a nota de velocidade ficou melhor que a do WordPress e a do NextJS. Uma auditoria técnica feita depois da migração apontou notas máximas de velocidade e de SEO, acima do que o site marcava no WordPress.

E tem o blog, que o site antigo nem tinha. No Astro, os posts são arquivos em Markdown, o formato de texto que as IA adoram editar. Sem painel complicado: a DobraLabs mandou um áudio pedindo pra transformar os carrosséis antigos em posts, e o agente criou 12 ou 13 artigos em meia hora, já pensados pra aparecer no Google e nas respostas de IA como ChatGPT e Google AI Overviews (o que o pessoal de SEO chama de AEO e GEO).

O que isso muda pra quem toca um negócio

Pra quem toca um negócio, o ganho é parar de adiar manutenção de site. A verdade é que muita atualização importante fica pra depois porque sempre tem um abacaxi mais urgente no pipeline. Quando o site fica a um prompt de distância, esse atrito some: você pede a alteração e segue tocando o resto, enquanto a IA resolve.

Vale um alerta antes de sair migrando tudo: o que faz esse método funcionar não é a ferramenta da moda, é o contexto bem organizado em pastas e arquivos. Sem isso, a IA cria página genérica e você volta pro trabalho manual. Com isso, o site deixa de ser uma tarefa parada e vira algo que acompanha o ritmo do negócio. É a mesma lógica de operar marketing com Claude Code usando skills: a IA rende quando o conhecimento do negócio está arrumado do lado dela.

---

Tema de um vídeo do Ratos de IA, a curadoria semanal de inteligência artificial da DobraLabs. Quer aprender a usar o Claude Code como sistema operacional do seu negócio, dos sites à criação de conteúdo? É isso que a gente ensina no Claude Code OS.