Fazendo deploy na web
Coloque seu projeto no ar para o mundo todo ver
⏱ Estim. ~9 min
01 · Ler
Tudo o que você construiu até agora roda em localhost — o seu próprio computador. Ninguém mais consegue ver. Isso muda agora.
Fazer deploy significa colocar sua aplicação em um servidor conectado à internet 24/7, para que qualquer pessoa com a URL consiga usar. Parece complicado, mas as plataformas modernas deixam isso bem simples. Você faz push do código, elas cuidam do resto.
Vamos usar o Render porque tem um plano grátis generoso, funciona direto com o GitHub e exige zero configuração de servidor. Seu app fica no ar em alguns minutos.
💡 Imagine assimlocalhost é como cozinhar na sua cozinha — só sua família come. Fazer deploy é como abrir um restaurante: qualquer um, de qualquer lugar, pode entrar. O Render é como um espaço de restaurante já montado, com cozinha, mesas e endereço — você só precisa trazer a comida (o seu código).
02 · Passo a passo
Passos de deploy no Render (plano grátis). Siga em ordem e em uns 10 minutos você tem uma URL no ar.
1. Faça push para o GitHub
Confirme que seu projeto está commitado e com push feito para um repositório do GitHub. O Render puxa seu código direto do GitHub, então tudo precisa estar atualizado.
2. Crie uma conta no render.com
Usar 'Sign up with GitHub' é a forma mais fácil de configurar. Permite que o Render acesse seus repositórios sem configuração extra.
3. Crie um novo Web Service
Clique em 'New' → 'Web Service' e conecte seu repositório do GitHub. O Render vai perguntar qual repositório fazer deploy.
4. Configure
Build command: npm install. Start command: node app.js. Isso diz ao Render como configurar e rodar o seu app. O build command instala as dependências, o start command inicia o seu servidor.
5. Adicione variáveis de ambiente
Copie os valores do seu .env para as configurações de ambiente do Render. Nunca commite eles no git — digite direto no painel do Render. Cada par chave-valor entra separadamente.
6. Faça deploy!
Clique em Deploy e espere o build. Você vai ver os logs em tempo real. Quando o status ficar verde, seu app está no ar na URL .onrender.com e pode ser compartilhado com qualquer pessoa.
03 · Prática real
Use esse checklist para fazer deploy do seu projeto. Vá com calma — o primeiro deploy sempre exige algumas tentativas, é completamente normal.
04 · Quiz
Quando você faz push do código para o GitHub, o que uma plataforma de deploy como o Render faz?
- Manda um zip do seu projeto por e-mail
- Cria um novo repositório no GitHub
- Puxa seu código automaticamente, faz o build e roda nos servidores deles
- Baixa seu programa para a sua máquina local
05 · Preencher
Ao fazer deploy de um app Node.js, a plataforma precisa saber o comando de _____ para iniciar o seu servidor (ex.: 'node app.js').
06 · Ler
Pare por um momento para apreciar o que acabou de acontecer. Pessoas do outro lado do mundo agora conseguem digitar a sua URL e usar algo que você construiu. Você escreveu o código, fez o deploy, e ele agora roda em um servidor real.
Esse é um momento que a maior parte dos engenheiros nunca esquece — a primeira vez que um projeto deles foi para o ar.
07 · Quiz
Seu arquivo .env tem a senha do banco de dados e chaves de API. Ao fazer deploy no Render, como você deve lidar com esses valores?
- Commitar o arquivo .env no git para que o Render consiga ler
- Colar no código-fonte antes do deploy
- Mandar por e-mail para o suporte do Render
- Digitar nas configurações de variáveis de ambiente do Render — nunca commitar no git
08 · Preencher
Ao fazer deploy de um app Node.js no Render, o comando de _____ (ex.: 'npm install') diz à plataforma como configurar as dependências do seu projeto.
Outras lições deste capítulo
⚠ A experiência interativa completa precisa de JavaScript. Ative-o e recarregue a página.
※ Este é um projeto educacional independente — não é um produto oficial da Anthropic. Claude™ é uma marca registrada da Anthropic, PBC.