O Percurso · Passo 3
Monte o site em um dia com IA
Uma comparação honesta entre Hostinger Website Builder, WordPress, Lovable, Framer e HTML puro com Claude Code ou Cursor, e quando cada um faz sentido.
Ferramentas deste passo
Um dia é realista se você decidir antes
O site pode estar no ar em um dia. A decisão é que não pode ser apressada, porque cada ferramenta facilita uma coisa e dificulta outra, e você só descobre qual é qual depois de já ter se instalado. Por isso, este passo gasta mais palavras na escolha do que na construção. Depois da escolha, a IA faz a maior parte da digitação.
Uma regra antes da comparação: o site não é o produto. Os textos, as ferramentas que você analisa, a newsletter, o que você vende, isso é o produto. O site é a prateleira. Uma prateleira simples montada hoje vale mais do que uma bonita montada em março.
As cinco opções, com honestidade
Hostinger Website Builder
O construtor da Hostinger gera um site completo a partir de uma descrição curta e depois permite editá-lo com um editor de arrastar e soltar. É o caminho mais rápido do zero até uma página no ar: menos de uma hora, com hospedagem, domínio no primeiro ano e SSL incluídos. Os planos começam em poucos dólares por mês em contratos longos e renovam por um valor maior; confira a página atual.
Serve para: site institucional, página pessoal, loja pequena, página de inscrição de newsletter, quem não quer pensar em hospedagem.
Não serve para: um site que vai publicar centenas de artigos, precisa de recursos sob medida ou que talvez você leve para outro lugar. Sites de construtores exportam mal. Você está alugando o layout.
WordPress
O WordPress é um software gratuito que roda em cerca de dois em cada cinco sites, então toda hospedagem o suporta e todo problema já foi resolvido por alguém. Instale em uma hospedagem compartilhada (a Hostinger e a maioria das outras fazem isso com um clique), escolha um tema rápido e escreva. A IA entra por plugins e pela redação de rascunhos fora dele. Conteúdo, categorias, tags, RSS, schema e um editor funcional já vêm de fábrica.
Serve para: uma publicação. Se o plano é escrever muito e ser encontrado nas buscas, ainda é a escolha mais segura. O padrão editorial do HapnGo, hubs de artigos com um índice, é nativo nele.
Não serve para: quem não vai fazer manutenção. Atualizações, plugins e backups são tarefa sua. Ignore isso por um ano e você terá um site lento e inseguro. Também é fraco para qualquer coisa que se comporte como um aplicativo.
Lovable
O Lovable transforma uma conversa em um aplicativo web funcional: banco de dados, login, formulários e front-end, já publicados. O plano gratuito é pequeno e o Pro custa $25 por mês por 100 créditos; cada edição consome créditos, então um dia longo de ajustes pesa no bolso. Confira a página atual.
Serve para: uma ferramenta, uma calculadora, um diretório com busca, uma área de membros, um protótipo que você quer mostrar esta semana. Se o que vale a pena criar desde o primeiro passo é um software, comece aqui.
Não serve para: um site de conteúdo. Você vai gastar créditos reconstruindo o que o WordPress entrega de graça, e o código gerado precisa do olhar de um desenvolvedor quando cresce.
Framer
O Framer é uma ferramenta de design visual que publica diretamente como um site rápido, com um CMS para posts e um assistente de IA para layout. A qualidade visual de saída é alta. Os planos começam hoje em $10 por mês, com cobrança anual, para domínio próprio e um CMS pequeno; confira a página atual.
Serve para: portfólio, página de lançamento, site pequeno em que a aparência é quase tudo, designer que quer controle sem código.
Não serve para: publicação intensa. Os limites do CMS nos planos mais baratos são reais, e tirar milhares de posts dali depois dá trabalho.
HTML puro com Claude Code ou Cursor
A opção que ninguém recomenda a iniciantes, e a que escolheríamos de novo. Você abre o Claude Code ou o Cursor (cada um custa cerca de $20 por mês no plano de entrada), descreve o site, e a IA escreve HTML, CSS e um pouco de JavaScript em uma pasta no seu computador. Você coloca essa pasta em uma hospedagem estática de graça. Não há banco de dados, painel de administração, plugin para atualizar, nada para invadir.
Serve para: qualquer pessoa disposta a aprender o que são uma pasta e um arquivo. Um site de conteúdo com algumas centenas de páginas, uma landing page, um site de documentação, um site que precisa carregar na hora e nunca quebrar. Cada byte é seu e pode ir para qualquer lugar em minutos.
Não serve para: pessoas não técnicas que querem escrever posts no navegador do celular. Quando o site passa de vinte páginas, você precisa de uma etapa de build ou de um gerador (Astro, Eleventy, Hugo), e isso é um dia real de aprendizado.
Um jeito rápido de decidir
Responda a três perguntas:
- O que você está criando é principalmente texto, principalmente uma ferramenta ou principalmente visual? Texto: WordPress ou HTML puro. Ferramenta: Lovable. Visual: Framer ou o construtor da Hostinger.
- Você vai fazer manutenção? Sim: WordPress serve. Não: HTML puro em hospedagem estática, ou um construtor.
- Você pode querer sair em um ano? Se sim, evite o que não exporta HTML e conteúdo limpos. Isso descarta os construtores e empurra você para WordPress ou HTML puro.
Se estiver dividido entre WordPress e HTML puro, o desempate honesto é o conforto com o terminal. Se uma janela preta com um cursor piscando assusta você, WordPress. Se não assusta, HTML puro com uma ferramenta de programação com IA vai deixar você mais rápido a cada mês.
O dia em si
Seja qual for a escolha, o dia tem a mesma forma:
- Manhã: estrutura. Início, sobre, uma página hub por tema, uma página de contato, privacidade e termos. Peça primeiro à IA um mapa do site e discuta com ela antes que escreva qualquer coisa.
- Meio-dia: um artigo de verdade. Nada de texto provisório. O site precisa de uma página honesta para servir de referência.
- Tarde: a camada chata. Nome e descrição do site, favicon, imagem Open Graph, sitemap XML, analytics (passo dez), formulário de newsletter (passo sete) e um rodapé legal com nome real e e-mail real.
- Noite: o teste no celular. Abra o site em um celular usando dados móveis. Corrija o que estiver lento ou apertado antes de qualquer outra coisa.
Envie à IA sua ficha de marca do passo dois como primeira mensagem. Ela vai parar de inventar cores.
O que deixar de fora no primeiro dia
- Um blog com dez categorias vazias. Um hub, um artigo.
- Comentários. Moderação é um trabalho.
- Uma loja, a menos que a loja seja o produto.
- Animações. Custam velocidade e não provam nada.
- Um logotipo pago. Um logotipo tipográfico na fonte escolhida basta por um ano.
Checklist
- Respondi às três perguntas e escolhi uma ferramenta por um motivo declarado
- Estrutura do site escrita como mapa do site antes de gerar qualquer página
- Um artigo genuíno publicado, não texto provisório
- Sitemap, analytics, formulário de newsletter e rodapé legal no lugar
- Testado em um celular com dados móveis e partes lentas corrigidas