Pular para o conteúdo
← Voltar para o Skalablog

Artigo publicado

Como criar site com IA e vender por milhares

Engenharia de SoftwareClaude CodeClaude CodeVercelAnthropic

Criar site com IA hoje exige três ferramentas encadeadas: uma plataforma de vídeo gerado por IA, um agente de código no terminal e uma hospedagem gratuita. O fluxo do canal O Rei dos Sites, publicado em agosto de 2026, mostra o caminho completo em menos de 15 minutos de vídeo.

Como criar site com IA funciona na prática

Criar site com IA hoje se apoia em três ferramentas encadeadas: uma plataforma de geração de vídeo, um agente de código no terminal e uma hospedagem com deploy automático. No vídeo publicado em 23 de agosto de 2026 pelo canal O Rei dos Sites, o fluxo completo levou menos de 15 minutos do roteiro ao site no ar.

A ordem importa. Primeiro você gera o vídeo de fundo, que é a parte que diferencia o site. Depois um agente como o Claude Code, ferramenta de codificação agêntica da Anthropic que roda no terminal, monta a página em volta do arquivo de vídeo. Por fim, você versiona no GitHub e publica. O criador também menciona alternativas ao Claude Code, como GPT e Gemini, mas o vídeo demonstra apenas o fluxo com a ferramenta da Anthropic.

Geração do vídeo hero no TopView

O vídeo que anima a seção principal nasce na TopView, plataforma de criação de vídeo com IA. Você parte de uma foto do produto — no exemplo, um carro elétrico — cola um prompt pronto e a plataforma monta um fluxo de trabalho visual, com prévia, mapa mental das etapas e aprovação antes de gerar.

Dois recursos explicam a escolha da plataforma. O primeiro é a edição por trecho: em vez de regerar os 30 segundos inteiros quando um take não agrada, você seleciona só o intervalo com problema e descreve a mudança, como "a partir deste momento, o carro deve passar a tela e aparecer de trás com rastros de neon vermelhos". O segundo é a exportação em até 4K, que o criador recomenda sempre usar para o vídeo não perder qualidade dentro do site.

Segundo o criador, os clipes usados nos sites de exemplo rodam entre 20 e 30 segundos, mas dá para gerar tomadas de 7 ou 15 segundos. Ele também destaca que a área de trabalho pode ser salva como uma skill e reaproveitada em projetos futuros de clientes parecidos.

Montagem do código com Claude Code no terminal

Com o vídeo em MP4 exportado em 4K, a montagem acontece no Visual Studio Code, editor da Microsoft. Você cria uma pasta no computador, coloca o vídeo dentro, abre o terminal integrado e executa o Claude Code já autenticado na sua conta.

O prompt que descreve o site vai na descrição do vídeo original: você cola no terminal, o agente faz perguntas de confirmação — comportamento padrão da ferramenta — e começa a construir a página. O resultado mostrado no vídeo é um site simples com o clipe como destaque e uma imagem do produto; o criador avalia que dá para enriquecer, mas que o resultado já serve para apresentar a um cliente.

Uma alternativa citada, mas não demonstrada, é integrar a TopView ao terminal via MCP, protocolo que conecta ferramentas externas ao agente. O criador preferiu o caminho manual por considerar o fluxo visual mais prático para esse tipo de trabalho pontual.

Publicação gratuita: GitHub primeiro, hospedagem depois

Publicar site com IA custa zero quando você usa o par GitHub mais Vercel. O primeiro passo é criar um repositório no GitHub, serviço que o criador descreve como um Google Drive de código: versiona o projeto, documenta e permite compartilhar com colegas ou sócios.

No terminal, a sequência é a de sempre: git init para inicializar, git add . para incluir os arquivos e git commit -m "first commit" para registrar. Feito isso, os arquivos aparecem no repositório e a hospedagem reconhece o projeto automaticamente.

O criador recomenda duas hospedagens e demonstra a Vercel, que importou o repositório e publicou o site em segundos:

Vercel ou Hostinger: qual escolher?

Para sites estáticos como o do tutorial, as duas opções funcionam com deploy simples a partir do GitHub. A comparação abaixo resume o que o vídeo mostra sobre cada uma:

Estratégia de portfólio: por que usar marcas famosas?

A tática de vendas do canal é simples: cada site demonstrativo é construído em volta de uma marca conhecida, como a loja de suplementos do Renato Cariani, citada como cliente real pelo criador. Quando o vídeo do processo viraliza, o portfólio já existe e atrai clientes.

Segundo o criador, o canal O Rei dos Sites tinha cerca de 220 mil seguidores no Instagram na data do vídeo, e ele atribui a essa estratégia de portfólio público a conquista de clientes e a um faturamento de R$ 6.500 com a venda de sites. Esses números são relato do próprio criador, sem comprovação independente, então trate-os como experiência dele, não como promessa de resultado.

Para replicar a lógica sem infringir direitos, use a marca famosa apenas como exercício de portfólio em vídeo. No dia da entrega, o cliente recebe um site com a identidade e os produtos dele.

Perguntas frequentes

  • Preciso saber programar para criar site com IA? O vídeo demonstra o fluxo inteiro sem escrever código manual: o agente no terminal monta a página e os comandos do Git são copiados e colados. Você ainda precisa entender o básico de terminal e repositório para publicar.
  • Quanto custa publicar o site? Segundo o vídeo, nada: o repositório fica no GitHub e o deploy na Vercel é gratuito para esse tipo de projeto estático. A TopView e o Claude Code têm planos pagos, e o criador menciona uma promoção anual da plataforma de vídeo no momento da gravação.
  • Quanto tempo leva do zero ao site no ar? O vídeo de 23 de agosto de 2026 mostra o processo em cerca de 15 minutos, incluindo a espera pela geração do vídeo, que o criador diz durar de 4 a 10 minutos na prática.
  • Posso usar outro modelo de IA no lugar do Claude Code? O criador afirma que dá para substituir por GPT, Gemini ou outras ferramentas agênticas, mas o tutorial demonstra apenas o fluxo com a ferramenta da Anthropic, então o resultado com alternativas não está verificado no material.
  • O vídeo precisa sair em 4K? O criador recomenda exportar em 4K na TopView para o vídeo não perder qualidade dentro do site, já que ele ocupa a seção principal em tela cheia.

Source video