Colocar o seu site no ar (fazer o deploy) costumava ser uma das etapas mais difíceis e frustrantes para quem estava aprendendo a programar. Com o ecossistema moderno que ensinamos no DataLab, subir um projeto é tão fácil quanto fazer um login.
1. O que é a Vercel?
A Vercel é uma plataforma em nuvem feita sob medida para aplicações front-end (como React, Next.js ou até HTML puro). Eles cuidam de toda a complexidade do servidor. O seu único trabalho é fornecer o código fonte hospedado no GitHub.
2. Pré-requisitos
- Ter uma conta gratuita no GitHub.
- Ter o seu código salvo em um repositório no GitHub (veja nosso tutorial de Git Básico).
- Criar uma conta gratuita na Vercel.
3. O Passo a Passo Mágico
- Faça login na Vercel e clique no botão preto "Add New Project".
- Ele vai pedir permissão para ler o seu GitHub. Conecte sua conta.
- Uma lista com todos os seus repositórios do GitHub vai aparecer. Ache o projeto que você quer colocar no ar e clique em "Import".
- A Vercel costuma descobrir automaticamente que tipo de projeto é (HTML, Vite, Next.js). Na maioria dos casos, você não precisa configurar nada.
- Clique no botão azul gigante "Deploy".
4. Automação (CI/CD)
O melhor de tudo? A partir de agora, toda vez que você fizer uma alteração no seu código no computador e der um git push para o GitHub, a Vercel vai ver essa mudança e atualizar o seu site no ar sozinha em poucos segundos.
Chega de arrastar pastas pelo FileZilla! Bem-vindo ao fluxo de trabalho profissional do DataLab.