Passo a Passo: Como fazer o deploy de um projeto Node.js e React grátis

Publicado em: 24 de Maio de 2026 • Por: Rinaldo Purger

Terminar de desenvolver uma aplicação full-stack é uma conquista enorme — mas publicá-la na internet para o mundo ver pode parecer um desafio à parte. A boa notícia é que hoje existem plataformas gratuitas e confiáveis que tornam esse processo muito simples.

Neste guia, vamos usar o Render para o backend Node.js e o Vercel para o frontend React.

Pré-requisitos

• Projeto Node.js com um package.json e um script start
• Projeto React (criado com Create React App, Vite, etc.)
• Código hospedado em um repositório GitHub

Parte 1 — Deploy do Backend (Node.js) no Render

1. Acesse render.com e crie uma conta gratuita
2. Clique em New → Web Service
3. Conecte seu repositório GitHub e selecione o repo do backend
4. Configure: Build Command = npm install e Start Command = npm start
5. Selecione o plano Free e clique em Create Web Service
6. Aguarde o deploy. O Render fornecerá uma URL do tipo https://seu-app.onrender.com

Parte 2 — Deploy do Frontend (React) no Vercel

1. Acesse vercel.com e faça login com sua conta GitHub
2. Clique em Add New → Project e importe o repositório do frontend
3. O Vercel detecta automaticamente que é um projeto React. Confirme as configurações
4. Em Environment Variables, adicione a URL do seu backend: REACT_APP_API_URL=https://seu-app.onrender.com
5. Clique em Deploy e aguarde. Sua aplicação ficará disponível em um domínio .vercel.app

Conclusão

Com Render + Vercel, você tem uma aplicação full-stack rodando na nuvem gratuitamente. Toda vez que fizer um git push, as plataformas fazem o redeploy automaticamente.