Como hospedar um site criado com IA: GitHub e Vercel passo a passo

Por que você não precisa mais daquela hospedagem antiga de cPanel e FTP

Quem tentou colocar página no ar cinco ou dez anos atrás lembra do parto que era: contratar um servidor compartilhado lento, abrir programa de FTP para arrastar arquivo por arquivo, configurar banco de dados que caía no fim de semana e pagar taxa extra para ter o cadeado HTTPS no navegador. Quando você passa a criar site com IA usando ferramentas que trabalham direto na pasta do seu computador, toda essa burocracia antiga desaparece.

Uma página de vendas ou site institucional moderno feito no Claude Code, no Antigravity ou no Codex é um conjunto leve de arquivos que não precisa de painel pesado rodando atrás. Você guarda a pasta no GitHub (que funciona como um cofre gratuito do seu código na nuvem) e conecta esse cofre à Vercel, ao Cloudflare Pages ou à Netlify. A partir daí, toda vez que você alterar uma vírgula no computador e mandar para o GitHub, o site no ar se atualiza sozinho em menos de um minuto, já com certificado SSL gratuito e servidores espalhados pelo mundo.

Passo a passo: da pasta do seu computador até o link no ar pela Vercel

A parte mais prática de trabalhar com um agente de pasta local é que você nem precisa decorar comandos de Git se não quiser: você pode simplesmente pedir em português para o próprio Claude Code, Antigravity ou Codex no app do ChatGPT criar o repositório e subir os arquivos para você. Veja os quatro passos completos do processo:

1. 11. Teste o projeto na sua máquina antes de subir: peça ao seu agente para rodar o comando de construção final (npm run build em projetos React, Next ou Astro, ou confira se o index.html abre limpo em sites estáticos). Se passar sem nenhum aviso vermelho no terminal, a pasta está pronta para ir para a rua.
2. 22. Envie a pasta para um repositório no seu GitHub: crie uma conta gratuita no GitHub se ainda não tiver. Dentro do seu agente, peça: 'Inicialize o Git nesta pasta, crie um repositório privado no meu GitHub chamado site-clinica-exemplo e envie todos os arquivos'. Em segundos o código já está salvo lá.
3. 33. Conecte o repositório na Vercel com dois cliques: entre na Vercel usando a sua própria conta do GitHub, clique no botão 'Add New Project', selecione o repositório que acabou de subir e aperte 'Deploy'. A Vercel detecta o tipo de site automaticamente e gera um link .vercel.app funcionando na hora.
4. 44. Aponte o endereço .com.br do cliente: no projeto da Vercel, abra Settings > Domains, clique em Add Domain e digite o endereço oficial da empresa (por exemplo, clinicaexemplo.com.br). Aceite quando ela sugerir incluir também o www e copie pro painel do Registro.br os dois registros DNS que aparecem no cartão do domínio: o A, do endereço sem www, e o CNAME, do www. O cadeado de segurança HTTPS entra no ar sozinho.

Se você preferir rodar os comandos de envio manualmente no terminal para ver como funciona por baixo do capô, são literalmente estas quatro linhas dentro da pasta do projeto:

A regra que ninguém te conta sobre o plano gratuito da Vercel para clientes

Aqui entra um detalhe comercial importantíssimo para quem trabalha com vender sites e não quer ter dor de cabeça no futuro. O plano gratuito da Vercel se chama Hobby (R$ 0 por mês, com limite de 100 GB de transferência mensal e até 100 deploys por dia). Ele é maravilhoso para você subir o seu portfólio pessoal, testar projetos e gerar links de demonstração para mostrar na reunião com o empresário.

Porém, nos termos de uso oficiais da Vercel, o plano Hobby é destinado exclusivamente a uso pessoal e não-comercial. Quando o site é de uma empresa que vende produtos ou serviços de verdade, você tem três caminhos honestos e seguros para trabalhar sem infringir nenhuma regra:

• Caminho 1: Usar o Cloudflare Pages gratuitamente (uso comercial liberado). Se você ou o seu cliente querem custo zero de hospedagem com uso comercial 100% permitido nos termos de serviço, o Cloudflare Pages é imbatível. O plano gratuito dele custa R$ 0, conecta no GitHub exatamente igual à Vercel, tem banda de transferência ilimitada para arquivos estáticos, aceita até 500 publicações por mês e já resolve o DNS no mesmo painel.
• Caminho 2: Assinar o Vercel Pro quando você tiver vários clientes na recorrência. O plano comercial da Vercel é o Pro, que custa US$ 20 por mês por membro da equipe (e já inclui US$ 20 mensais em créditos de uso e 1 TB de transferência). Se você cobra uma mensalidade de manutenção de R$ 150 a R$ 300 de cada cliente, um único cliente na recorrência já paga a sua assinatura Pro inteira e o resto vira lucro líquido no seu bolso.
• Caminho 3: Usar a Netlify (300 créditos mensais no plano Free). A terceira opção famosa é a Netlify, que oferece plano Free a R$ 0 com 300 créditos mensais (que cobrem cerca de 100 GB de banda) e planos pagos a partir de US$ 9 e US$ 20 por mês quando o projeto cresce.

Conta no seu nome ou no nome do cliente? Como cobrar manutenção

Sempre que um aluno fecha o primeiro contrato e me pergunta se deve hospedar na própria conta ou criar uma conta para o cliente, minha resposta segue uma regra de ouro: o registro do endereço .com.br no Registro.br (que custa R$ 40 por ano) deve ser feito sempre no CPF ou CNPJ do dono do negócio, porque a marca é dele. Já a hospedagem depende do acordo comercial que você fechou.

Se o cliente contratou o seu pacote com manutenção mensal (como detalho no guia sobre quanto cobrar por um site e no modelo de contrato de criação de site), você mantém o projeto na sua conta da Vercel ou do Cloudflare Pages. Quando ele precisar trocar uma foto, mudar o telefone ou criar uma seção de promoção, ele te manda um áudio no WhatsApp, você pede a alteração para o seu agente, dá um git push e o site atualiza na hora. Se o cliente preferiu pagar apenas a entrega avulsa sem mensalidade, você cria uma conta gratuita no Cloudflare Pages ou na Vercel no e-mail da empresa dele e entrega a chave na mão.

Quando você domina esse fluxo simples do computador para o GitHub e do GitHub para o ar usando as skills do MazyOS (R$ 97 por um ano ou R$ 197 pra sempre), o valor percebido pelo empresário vai lá em cima. Olha o resultado do Guilherme Henrique na nossa comunidade, que fechou uma landing page por R$ 1.500 à vista:

Checklist final antes de mandar o link para o cliente aprovar

Antes de comemorar e mandar o link no WhatsApp do empresário, faça sempre o teste no seu próprio celular usando o 4G (e não apenas o Wi-Fi do escritório): confira se o cadeado HTTPS carregou sem aviso, se a imagem de capa aparece bonita na prévia quando você cola o link no WhatsApp (o og:image), se os botões flutuantes não tampam o texto e se o clique no botão principal abre a conversa já com a mensagem preenchida. Fazendo isso, a aprovação do cliente vem de primeira.

Perguntas sobre como hospedar um site criado com IA

Posso hospedar o site comercial do meu cliente no plano grátis (Hobby) da Vercel? Para mostrar a prévia e aprovar o projeto, sim. Porém, para o site definitivo de uma empresa em produção, os termos da Vercel exigem o plano Pro (US$ 20/mês). Se você quiser manter custo zero de hospedagem com uso comercial liberado nos termos, use o Cloudflare Pages gratuito.

Preciso deixar o meu computador ligado para o site continuar no ar? Não. Depois que você envia a pasta para o GitHub e publica na Vercel, no Cloudflare Pages ou na Netlify, os arquivos ficam rodando nos servidores deles 24 horas por dia. Você só usa o seu computador quando quiser fazer alguma atualização.

Como eu atualizo o site depois que ele já está publicado na Vercel? Basta abrir a pasta do projeto no seu computador com o Claude Code, Antigravity ou Codex, pedir a alteração em português e rodar git commit e git push (ou pedir para o próprio agente enviar para o GitHub). A Vercel detecta a mudança e atualiza o site no ar sozinha em segundos.

Quanto custa o certificado de segurança SSL (cadeado HTTPS) na Vercel e no Cloudflare? É 100% gratuito e renovado automaticamente nas duas plataformas. Assim que você aponta o domínio .com.br do cliente, o certificado é emitido sem você precisar pagar nada por fora.

O MazyOS ensina esse processo de subir no GitHub e na Vercel em vídeo? Sim. Dentro do MazyOS (R$ 97 por um ano ou R$ 197 pra sempre), você tem as aulas práticas mostrando na tela cada clique do computador ao GitHub, Vercel e Registro.br, além da skill de deploy que prepara o projeto automaticamente.