Como Publicar Seu Projeto na Vercel
Publicar um projeto na internet é uma etapa fundamental para transformar um site ou aplicação em algo acessível para qualquer pessoa. A Vercel é uma das plataformas mais utilizadas para esse processo, pois permite fazer deploy de forma simples, rápida e gratuita, especialmente para projetos em HTML, CSS, JavaScript, React e Vite.
Neste tutorial, você aprenderá como publicar seu projeto na Vercel, utilizando duas formas: através do GitHub, que é o método mais profissional, e também uma alternativa mais rápida, sem necessidade de usar Git.
Passo 1 — Criar uma conta na Vercel
Primeiro, acesse o site da Vercel:
Clique em Sign Up para criar sua conta.
A melhor opção é entrar com o GitHub, pois isso facilita muito o processo de publicação nos próximos passos.
Passo 2 — Criar um repositório no GitHub
A Vercel funciona integrada ao GitHub, então você precisa enviar seu projeto para lá.
Acesse:
Se ainda não tiver conta, crie uma.
Depois:
- Clique em New repository
- Dê um nome para o projeto (exemplo:
pizzaria-delivery) - Clique em Create repository
Passo 3 — Enviar o projeto para o GitHub
Agora você precisa colocar os arquivos do seu projeto no repositório.
- Baixe o arquivo do código no figma
- Extraia o arquivo ZIP do projeto no seu computador
- Abra o terminal dentro da pasta do projeto
- Execute os comandos abaixo:
git init
git add .
git commit -m "primeiro commit"
git branch -M main
git remote add origin https://github.com/SEU_USUARIO/pizzaria-delivery.git
git push -u origin main
Explicação dos comandos
git init→ inicia o repositóriogit add .→ adiciona todos os arquivosgit commit→ salva as alteraçõesgit branch -M main→ define a branch principalgit remote add origin→ conecta com o GitHubgit push→ envia o projeto para o repositório
Passo 4 — Importar o projeto na Vercel
Agora vamos publicar o projeto.
- Acesse a Vercel
- Clique em Add New Project
- Clique em Import Git Repository
- Selecione o repositório
pizzaria-delivery
A Vercel irá detectar automaticamente o tipo de projeto (React, Vite, etc.).
Depois disso, basta clicar em:
👉 Deploy
Não é necessário configurar nada manualmente na maioria dos casos.
Passo 5 — Acessar o site publicado
Após o deploy, a Vercel irá gerar um link automático, por exemplo:
https://pizzaria-delivery.vercel.app
Esse link já está disponível para acesso público.
Conclusão
Publicar um projeto na Vercel é um processo simples que permite colocar seu site online em poucos minutos. Utilizando o GitHub, você consegue manter uma estrutura mais organizada e profissional, além de facilitar futuras atualizações. Já o método de upload direto é ideal para testes rápidos. Com essas duas abordagens, você consegue transformar qualquer projeto em uma aplicação acessível na internet.
