Coloque seu site no ar de graça: deploy na Vercel pelo GitHub, passo a passo

Você construiu seu site ou sistema, ele funciona no seu computador… mas só você consegue ver. Publicar (ou "fazer deploy") é colocar seu projeto no ar, com um endereço que qualquer pessoa acessa. E dá para fazer isso de graça, em minutos, com a Vercel. Este é o passo a passo para quem nunca publicou nada.

O que é a Vercel (e por que ela)

Pense na Vercel como a gráfica + correio do seu site: ela pega o seu projeto, monta a versão final e entrega ao mundo num endereço na internet. É gratuita para projetos pessoais, rápida e feita para iniciantes.

Pré-requisito: seu projeto precisa estar no GitHub (sua "geladeira na nuvem"). Se ainda não está, peça ajuda ao Copilot — tem um prompt pronto no fim deste post.

Passo 1 — Crie sua conta na Vercel

1. Acesse vercel.com e clique em Sign Up.
2. Escolha Continue with GitHub.

Por quê: entrar com o GitHub já conecta as duas contas, e a Vercel passa a "enxergar" seus projetos.

Passo 2 — Importe seu projeto

1. No painel, clique em Add New… → Project.
2. Encontre o repositório do seu projeto e clique em Import.

Passo 3 — Publique (deploy)

1. A Vercel detecta sozinha o tipo do seu projeto. Normalmente é só clicar em Deploy.
2. Espere 1 a 2 minutos. Quando aparecer o "Congratulations", seu site está no ar.
3. Clique no endereço (algo como seu-projeto.vercel.app) e veja funcionando.

Por que funciona "sozinho": a Vercel já sabe construir os tipos de projeto mais comuns (como Next.js). Você não precisa configurar nada técnico.

Passo 4 — As variáveis de ambiente (segredos)

Se o seu projeto usa senhas ou chaves (de banco de dados, pagamento etc.), elas NUNCA ficam no código. Vão num lugar separado e seguro:

1. Na Vercel, abra seu projeto → Settings → Environment Variables.
2. Adicione cada chave (nome e valor) e salve. Depois clique em Redeploy.

Por quê: o código vai para o GitHub; os segredos não. Assim ninguém rouba suas chaves.

Passo 5 — Domínio próprio (opcional)

Quer www.seusite.com.br no lugar do endereço .vercel.app?

1. Compre o domínio (ex.: Registro.br, GoDaddy).
2. Na Vercel: projeto → Settings → Domains → adicione o domínio e siga as instruções.

A mágica do deploy automático

A partir de agora, toda vez que você salvar uma mudança no GitHub, a Vercel publica sozinha a nova versão. Você programa, salva, e o site se atualiza. Sem trabalho manual.

Prompt pronto — peça ajuda ao seu robô de Deploy

Travou em algum passo? Cole no Copilot Chat:

Papel: Aja como um Especialista em Deploy (GitHub + Vercel) sênior, paciente, especialista em ensinar quem nunca publicou um site. Contexto: tenho um projeto [descreva — ex.: um site em Next.js] e quero colocá-lo no ar de graça na Vercel; meu nível é iniciante total. Objetivo: me guiar, passo a passo e com os cliques exatos, de onde estou [ainda no meu computador / já no GitHub] até o site publicado. Antes, me pergunte em que ponto estou se não estiver claro. Cuide da segurança: me lembre de NUNCA subir senhas ou chaves para o GitHub e de cadastrá-las nas variáveis de ambiente da Vercel. Explique cada termo técnico em uma linha e me avise do erro nº 1 de iniciante (esquecer uma variável de ambiente). No fim, me diga como ver o site no ar e como configurar um domínio próprio.

Próximos passos

• Seu site no ar precisa de conteúdo bom: use o Criador de Prompts para criar textos com método.
• Quer um sistema com login e banco de dados? Veja o próximo tutorial: conectar um banco de dados sem medo.

Pronto: seu projeto saiu da sua tela e ganhou o mundo. Bem-vindo ao ar.