Como criar sites com Claude Code e ganhar clientes?

Você pode criar sites com Claude Code a partir de um print de template, e é esse fluxo que o canal O Rei dos Sites ensinou em junho de 2026. O vídeo mostra como capturar um layout do Framer, reconstruí-lo por prompt e transformá-lo em portfólio para vendas. Aqui você confere o passo a passo, as ferramentas e os pontos onde a promessa de R$ 500 por dia precisa de contexto.

Como criar sites com Claude Code na prática?

O método do vídeo usa quatro ferramentas gratuitas para criar sites com Claude Code: templates do Framer, a extensão GoFullPage para capturar a página inteira, vídeos do Pexels e o próprio agente no terminal. O resultado é um site de imobiliária reconstruído em minutos, pronto para virar portfólio.

A escolha do nicho não é aleatória. Um site de imobiliária tem listagem de imóveis, painel administrativo e banco de dados, o que eleva o valor percebido. Uma landing page simples, sem login nem dados dinâmicos, tem preço de mercado bem menor, segundo o autor do vídeo.

Vale separar as camadas do fluxo antes de começar. O Framer fornece o design de referência, o Claude Code gera o código, e a hospedagem e o banco de dados ficam em serviços separados. Cada peça tem custo e limite próprios, detalhados nas seções seguintes.

Quais ferramentas o fluxo usa e o que cada uma faz?

Cada ferramenta cumpre um papel específico no processo, e nenhuma delas exige pagamento para o primeiro teste. A tabela abaixo resume o papel de cada uma.

Ferramenta	Papel no fluxo	Custo inicial
Framer	Templates de referência e design	Plano gratuito
GoFullPage	Captura a página inteira em PNG ou PDF	Gratuita
Pexels	Vídeos e fotos de banco gratuito	Gratuita
Claude Code	Reconstrói o site por prompt no terminal	Plano pago da Anthropic
Vercel	Hospedagem do site	Plano gratuito com limites
Railway	Hospedagem do banco de dados	Nível gratuito com limites

Um detalhe que o vídeo menciona de passagem: o Claude Code roda no terminal e aceita arrastar imagens direto no chat. O autor também cita o Claude Desktop como alternativa para quem não usa linha de comando. O plano Opus 4.8 citado é o modelo usado na gravação, e os planos e preços da Anthropic mudam com frequência, então confira a página oficial antes de assinar.

Passo a passo: do template ao site pronto

O fluxo cabe em sete passos reproduzíveis. Você não precisa saber programar para executá-los, mas precisa saber descrever o que quer em texto.

1. Acesse a área de templates do Framer e pesquise por "real state" para encontrar opções de imobiliária. O vídeo usa o template "Meras" como exemplo.
2. Abra o preview do template e role a página inteira até o fim.
3. Instale a extensão GoFullPage na Chrome Web Store e capture a página completa em PNG e em PDF.
4. Abra o terminal, inicie o Claude Code na pasta do projeto e arraste os arquivos capturados para o chat.
5. Envie um prompt direto: peça a reconstrução de um site de imobiliária de imóveis de luxo, bonito e com animações.
6. Baixe um vídeo de "real state luxury" no Pexels em HD, evite 4K para não pesar, e peça que ele entre na hero section com efeito parallax e blur sutil.
7. Refine com novos prompts: seções de depoimentos, equipe, botão de WhatsApp e teste de responsividade no celular.

O autor mostra o resultado responsivo funcionando no celular ao final da construção. Ele atribui parte do valor percebido ao vídeo na hero, não só às animações. Esse detalhe é observação dele, mas faz sentido comercial: sites estáticos com vídeo de fundo parecem mais caros do que são.

Por que sites com banco de dados valem mais?

A lógica de precificação do vídeo é simples: funcionalidade eleva preço. Um site com cadastro de imóveis, painel de administrador e banco de dados resolve uma dor operacional real, e o cliente compara esse valor com software, não com uma página institucional.

Isso também justifica a mensalidade. Se o site tem banco de dados e painel, existe manutenção, hospedagem e ajustes contínuos, o que cria recorrência natural. A landing page one-shot não gera esse vínculo de longo prazo.

Na hospedagem, o autor usa a Vercel, plataforma que faz deploy ao vincular um repositório do GitHub e tem plano gratuito para projetos pequenos. O plano Pro atual da Vercel é cobrado por assinatura, e o preço em reais varia com câmbio e IOF, então não dá para cravar um valor fixo aqui. O banco de dados fica no Railway, que também oferece nível gratuito com limites de uso.

Como conseguir os primeiros clientes?

A estratégia de aquisição do vídeo é produção de conteúdo orgânico, sem investimento em tráfego. O autor posta vídeos curtos simulando pedidos de clientes, feitos com o truque de inspecionar elemento no navegador para trocar textos e logos na tela. Um desses vídeos soma, segundo ele, 124.000 visualizações no Instagram e o mesmo número no TikTok. Esses números vêm da experiência dele e não foram verificados de forma independente.

Ele destaca três ajustes de perfil que convertem visualização em contato: colocar "criador de sites" ao lado do nome, deixar a bio com proposta clara e ter um botão de orçamento visível que leva direto ao WhatsApp comercial.

A regra de vendas que ele repete é não falar preço no WhatsApp. O valor entra só na reunião, depois de mostrar o portfólio e o valor do serviço. Para quem está começando, o portfólio construído no passo a passo anterior cumpre exatamente esse papel.

Como funciona a renda recorrente de mensalidade?

A conta do vídeo fecha assim: um projeto de imobiliária cobrado a R$ 3.500 gera uma mensalidade de R$ 350, cerca de 10% do valor do projeto. Com três clientes nesse formato, o autor afirma chegar a aproximadamente R$ 12.000 mensais de recorrência. Todos esses valores são declarações dele, não resultados garantidos.

A mensalidade cobre, segundo ele, hospedagem, banco de dados e pequenas alterações pedidas pelo cliente, como troca de fotos e vídeos. Ele diz que cerca de metade dos clientes aceita o modelo recorrente, o que mostra que a adesão não é automática.

Há um ponto ético que você deve saber antes de replicar. O vídeo sugere repassar ao cliente o custo de planos pagos de hospedagem e banco de dados mesmo quando o projeto roda em níveis gratuitos. Cobrar margem pela gestão é legítimo, mas cobrar por um custo que não existe pode quebrar a confiança do cliente se descoberto. Seja transparente sobre o que está incluído.

O que a promessa de R$ 500 por dia não conta?

O título promete R$ 500 por dia, mas o próprio vídeo traduz isso como R$ 11.000 por mês em 22 dias úteis, com três clientes pagando R$ 3.600 cada. Isso significa fechar três vendas de ticket médio relevante, o que exige prospecção, reunião e capacidade de entrega. Não é renda passiva nem resultado do primeiro mês.

Os custos também entram na conta. O Claude Code é um produto pago da Anthropic os níveis gratuitos da Vercel e do Railway têm limites de uso e não são destinados a sustentar projetos de clientes indefinidamente. Antes de prometer mensalidade, verifique os preços atuais nas páginas oficiais e inclua esses custos no orçamento.

O final do vídeo é, na prática, uma oferta comercial: o autor divulga um treinamento pago de R$ 97 por mês. Isso não invalida o fluxo técnico ensinado, mas ajuda a explicar o tom entusiasmado dos números. Avalie o método pela mecânica, não pela promessa.

Perguntas frequentes

• Preciso saber programar para criar sites com Claude Code?

Não para seguir o fluxo básico do vídeo, que depende de prompts e ferramentas visuais. Saber HTML, CSS e JavaScript ajuda muito na hora de corrigir detalhes que o agente não acerta de primeira e de explicar o resultado ao cliente.

• O site reconstruído a partir de um template pode ser vendido?

O vídeo trata o template como referência visual e reconstrói o código com IA. Verifique a licença do template específico antes de usá-lo comercialmente, porque cada template do Framer tem termos próprios de uso.

• A hospedagem na Vercel é sempre gratuita?

A Vercel tem plano gratuito com limites de uso, e projetos de clientes que crescem podem exigir o plano Pro. Confirme os limites atuais na página de planos antes de assumir um contrato de mensalidade.

• R$ 500 por dia é um resultado típico?

Não há evidência de que seja típico. O valor aparece como meta no vídeo e depende de fechar três clientes de alto ticket e mantê-los na recorrência, o que envolve venda, entrega e suporte contínuos.

• Dá para usar o Claude Code sem terminal?

Sim. O autor cita o Claude Desktop como alternativa para quem prefere interface gráfica, e o fluxo de arrastar imagens e prompts funciona da mesma forma.

Source video