Primeiros Passos
Coloque seu site no ar de graça: deploy na Vercel pelo GitHub, passo a passo
Seu projeto está pronto no computador, mas ninguém vê. Aprenda a publicá-lo de graça na Vercel: do GitHub ao ar em minutos, com domínio próprio e segredos protegidos.
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
- Acesse vercel.com e clique em Sign Up.
- 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
- No painel, clique em Add New… → Project.
- Encontre o repositório do seu projeto e clique em Import.
Passo 3: Publique (deploy)
- A Vercel detecta sozinha o tipo do seu projeto. Normalmente é só clicar em Deploy.
- Espere 1 a 2 minutos. Quando aparecer o "Congratulations", seu site está no ar.
- 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:
- Na Vercel, abra seu projeto → Settings → Environment Variables.
- 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?
- Compre o domínio (ex.: Registro.br, GoDaddy).
- 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.
Continue lendo
Como começar em vibecoding sem repetir os erros clássicos
Quase todo mundo que começa comete os mesmos seis erros, na mesma ordem. Dá pra pular todos sabendo quais são e o que fazer no lugar.
Primeiros PassosO ativo que ninguém tem: sua biblioteca de prompts
Você criou um prompt que funcionou e jogou fora. Quem organiza compõe valor. O passo a passo da biblioteca de prompts pessoal, com método.
Primeiros PassosTutorial: como usar o NotebookLM como seu pesquisador pessoal
Suba 50 documentos, pergunte e a IA responde só com base no que você subiu: sem alucinar. O passo a passo do NotebookLM, com método.