Vibecoding
Onde subir seu sistema feito com vibecoding: comparativo dos 5 melhores servidores (e como subir)
Você construiu com IA. Agora precisa colocar no ar. Vercel, Netlify, Railway, Render, Fly.io. Cada um serve pra um tipo de projeto. Este comparativo mostra free tier, preço, prós, contras e, no fim, o passo a passo de como subir de verdade.
Você usou vibecoding, a IA gerou o código, roda na sua máquina. Agora vem a pergunta que trava todo mundo: onde eu coloco isso no ar?
Testei os 5 principais em projeto real. Este comparativo mostra qual serve pra que, quanto custa, e no fim o passo a passo de como subir de verdade. Sem enrolação.
Câmbio e método
Preços de hoje, 08 de julho de 2026, 1 USD = R$ 5,15. Free tiers das páginas oficiais. Se você lê meses depois, confere na fonte.
1. Vercel
O que é: a casa do Next.js. Melhor plataforma pra frontend e apps serverless. Deploy automático do GitHub.
Free tier:
- 100 GB de banda/mês.
- Deploy ilimitado, HTTPS automático.
- Serverless functions inclusas.
- Domínio .vercel.app grátis (ou conecte o seu).
Pontos fortes:
- Deploy mais fácil do mercado. Conecta o GitHub e pronto.
- Feito pra Next.js (o site que você lê roda nisso).
- CDN global embutido. Site rápido em qualquer lugar.
- Preview automático de cada branch (testa antes de subir).
Pontos fracos:
- Backend pesado ou que roda 24h não é o forte. É serverless (liga por request).
- Custo escala rápido se você estoura a banda.
- Menos controle de infra (é opinativo, faz do jeito dele).
Meu take: se seu projeto é Next.js, React ou frontend com serverless, Vercel ganha disparado. É onde eu subo quase tudo. Free tier cobre projeto pequeno com folga.
Preço pago: Pro US$ 20/mês (R$ 103) por usuário. Link: vercel.com
2. Netlify
O que é: pioneiro do deploy de site estático + serverless. Concorrente direto da Vercel.
Free tier:
- 100 GB de banda/mês.
- 125.000 invocações de function/mês.
- 300 minutos de build/mês.
Pontos fortes:
- Excelente pra site estático e JAMstack.
- Forms nativo (captura formulário sem backend).
- Deploy do GitHub igual Vercel.
- Ecossistema maduro de plugins.
Pontos fracos:
- Menos otimizado pra Next.js que a Vercel.
- 300 min de build enche rápido em projeto grande.
- Serverless menos poderoso que concorrentes.
Meu take: se você não usa Next.js e quer site estático ou JAMstack com forms, Netlify é ótimo. Pra Next.js, prefiro Vercel.
Preço pago: Pro US$ 19/mês (R$ 98) por usuário. Link: netlify.com
3. Railway
O que é: plataforma pra subir backend, banco de dados e serviço que roda o tempo todo. Simplicidade é o lema.
Free tier:
- Não tem free tier permanente.
- US$ 5 de crédito no primeiro mês, depois US$ 1/mês.
- Quando o crédito acaba, o serviço pausa até o mês seguinte.
Pontos fortes:
- Sobe backend, banco e app num lugar, fácil demais.
- Do zero à produção em minutos.
- Banco de dados junto (Postgres, MySQL, Redis) com 1 clique.
- Preço por uso (não paga recurso ocioso).
Pontos fracos:
- Sem free tier de verdade (o US$ 1/mês não segura app no ar 24h).
- Fica caro em escala (1 vCPU + 2 GB sai ~US$ 30/mês).
- Menos regiões que Fly.io.
Meu take: se você tem backend tradicional que roda o tempo todo e quer a maior simplicidade possível, Railway é imbatível em experiência. Só sabe que vai pagar (uns US$ 5-15/mês pra projeto pequeno).
Preço pago: Hobby ~US$ 5/mês (R$ 26), Pro ~US$ 20/mês. Link: railway.app
4. Render
O que é: o equilíbrio entre Vercel (frontend) e Railway (backend). Faz os dois de forma decente.
Free tier:
- Site estático: grátis, sem dormir.
- Web service (backend): grátis, mas dorme após 15 min de inatividade (demora 30-50s pra acordar).
- Banco Postgres grátis com limite.
Pontos fortes:
- Free tier real pra site estático.
- Faz frontend E backend.
- Banco Postgres incluso.
- Config simples via YAML.
Pontos fracos:
- O free tier do backend dorme (péssimo pra API que precisa responder rápido).
- Pra backend sério, precisa do Starter (US$ 7/mês).
- Menos rápido que Vercel em frontend.
Meu take: bom meio-termo se você quer frontend e backend no mesmo lugar sem pagar caro. O "dorme após 15 min" mata pra API de produção, mas serve pra testar. Pra backend real, os US$ 7/mês valem.
Preço pago: Starter US$ 7/mês (R$ 36) por serviço. Link: render.com
5. Fly.io
O que é: infraestrutura de verdade, distribuída globalmente, com muito controle. Pra quem quer poder e paga menos em escala.
Free tier:
- Só trial de 2 horas (não tem free permanente).
- Depois é pago, mas barato.
Pontos fortes:
- Mais barato em escala (1 vCPU + 2 GB por ~US$ 10,70/mês, contra US$ 30 do Railway).
- Muitas regiões (app perto do usuário no mundo todo).
- Controle real de infra (Docker, volumes, rede).
- Escala bem pra produção séria.
Pontos fracos:
- Curva de aprendizado maior. Não é "conecta e sobe".
- Sem free tier real.
- Exige entender um pouco de Docker e infra.
Meu take: quando seu projeto cresce e o Railway começa a ficar caro, Fly.io é pra onde você migra. Mais barato, mais controle, mais regiões. Mas exige que você saiba um pouco mais. Não é pra primeiro deploy.
Preço pago: a partir de ~US$ 10,70/mês (R$ 55) por VM básica. Link: fly.io
Tabela resumo
| Servidor | Melhor pra | Free tier | Preço base | Dificuldade |
|---|---|---|---|---|
| Vercel | Next.js, frontend, serverless | Generoso (100 GB) | US$ 20/mês | Fácil |
| Netlify | Site estático, JAMstack | Generoso (100 GB) | US$ 19/mês | Fácil |
| Railway | Backend 24h + banco | Fraco (US$ 1/mês) | US$ 5/mês | Fácil |
| Render | Frontend + backend juntos | Estático grátis, backend dorme | US$ 7/mês | Média |
| Fly.io | Escala, controle, barato | Só trial 2h | US$ 10,70/mês | Alta |
Como escolher (decisão em 3 perguntas)
1. Seu projeto é Next.js, React ou frontend?
- Sim → Vercel.
- É site estático puro → Netlify ou Vercel.
2. Você tem backend que roda o tempo todo (API, worker)?
- Sim, e quero simplicidade → Railway.
- Sim, e quero barato em escala → Fly.io.
- Sim, e quero tudo num lugar → Render.
3. Você tá só testando ou é produção séria?
- Testando → free tier de Vercel ou Render.
- Produção → Vercel (frontend) + Railway/Fly.io (backend).
Como subir de verdade (passo a passo)
Vou mostrar o caminho mais comum: Next.js na Vercel, via GitHub. É o que 80% dos projetos de vibecoding precisam.
Passo 1: seu código no GitHub
Se ainda não tá:
git init
git add .
git commit -m "primeiro commit"
Cria um repositório no GitHub (privado) e conecta:
git remote add origin https://github.com/seu-usuario/seu-projeto.git
git push -u origin main
Antes de subir, checagem de segurança obrigatória:
- Tem arquivo
.gitignorecom.envdentro? (senão você vaza chave) - Nenhuma chave de API no código? (só em variável de ambiente)
- Repositório é privado?
Falei disso em detalhe em nunca vaze uma senha. Não pule essa parte.
Passo 2: conecta na Vercel
- Entra em vercel.com e faz login com o GitHub.
- Clica em "Add New Project".
- Escolhe seu repositório.
- A Vercel detecta que é Next.js sozinha.
Passo 3: variáveis de ambiente
Aqui é o passo que todo mundo esquece e depois o site quebra.
Na tela de deploy, seção "Environment Variables", adiciona TODAS as chaves que seu .env local tem:
DATABASE_URLAPI_KEY- etc.
Sem isso, seu site sobe mas quebra na primeira chamada.
Passo 4: deploy
Clica em "Deploy". Espera 1-2 minutos. Pronto. Seu site tá no ar em seu-projeto.vercel.app.
Passo 5: valida
Não confia no "subiu". Testa:
- Abre o site. Carrega?
- Testa a funcionalidade principal. Funciona?
- Abre o F12 (DevTools) → Console. Tem erro vermelho?
Se tem erro, quase sempre é variável de ambiente faltando. Volta no passo 3.
Bônus: prompt pra IA te ajudar no deploy
Papel: você é engenheiro DevOps especialista em Vercel e Next.js.
Regras:
- Meu projeto é Next.js 15 com Firebase.
- Chaves SEMPRE em variável de ambiente, nunca no código.
- Quero deploy via GitHub, sem configurar servidor.
Objetivo: me guiar pra subir na Vercel do zero,
passo a passo, incluindo quais variáveis de ambiente
configurar e como validar que subiu certo.
Modelo: lista numerada de passos.
Teste: incluir como testar cada parte depois do deploy
(o que abrir, o que clicar, o que checar no console).
Retorno: passos + checklist de segurança antes de subir.
Vale o ponto
"Não é mais fácil só pagar um servidor e subir tudo lá?"
Vale o ponto pra quem já sabe administrar servidor. Pra quem vibecoda, não. Servidor cru (VPS) exige você configurar sistema operacional, firewall, HTTPS, deploy manual, backup. É trabalho de DevOps.
As plataformas desse post fazem isso por você. Você foca no produto, elas cuidam da infra. Pra 90% dos projetos de vibecoding, isso é o certo. Só migra pra servidor cru quando tiver motivo real (custo em escala muito grande, ou requisito específico).
Conclusão
Não existe melhor servidor. Existe o certo pro seu caso.
- Next.js ou frontend → Vercel.
- Site estático → Netlify ou Vercel.
- Backend 24h simples → Railway.
- Frontend + backend juntos, barato → Render.
- Escala e controle → Fly.io.
E qualquer que seja: checagem de segurança antes de subir (.env no .gitignore, chave em variável de ambiente, repo privado). Deploy é fácil. Vazar segredo no deploy é o erro mais caro.
Começa no free tier. Paga quando crescer. E valida sempre depois de subir, nunca confia no "deu certo" sem testar.
A decisão é sua.
Perguntas frequentes
Perguntas rápidas
+Qual o melhor servidor gratuito pra subir um projeto de vibecoding?
Depende do tipo. Site Next.js ou React (frontend + serverless): Vercel tem o melhor free tier. Site estático: Netlify ou Vercel. Backend com banco rodando 24h: Render (free dorme após 15 min) ou Railway (US$ 5/mês). Pra começar e testar, Vercel é o caminho mais simples.
+Vercel ou Railway pra subir meu sistema?
Vercel se seu projeto é Next.js, React ou frontend com serverless (deploy automático do GitHub, zero config). Railway se você tem backend tradicional que roda o tempo todo, precisa de banco junto e quer simplicidade. Vercel brilha em frontend, Railway em backend full-time.
+Preciso saber DevOps pra subir um sistema em 2026?
Não pra começar. Vercel, Netlify e Railway sobem seu projeto conectando o repositório do GitHub, sem configurar servidor. Você faz o deploy com alguns cliques. DevOps de verdade só vira necessário quando o projeto escala (load balancer, múltiplas regiões, infra custom).
+Quanto custa manter um sistema no ar em 2026?
Projeto pequeno (site + poucos usuários): R$ 0 no free tier de Vercel ou Netlify. Backend rodando 24h: a partir de R$ 36/mês (Railway ou Render Starter). Sistema com tráfego médio: R$ 100-300/mês. A conta escala com uso, não é fixa. Comece grátis e pague quando crescer.
Continue lendo
Testes automatizados no vibecoding: como pedir pra IA (e por que isso te salva)
A IA gera código que funciona na demo e quebra em produção. Teste automatizado é a rede de segurança que te avisa ANTES do cliente. Este tutorial mostra o que testar, como pedir pra IA em prompt estruturado, e como rodar sem ser especialista em QA.
VibecodingQual banco de dados usar no seu projeto vibecoding em 2026 (comparativo honesto)
Firebase, Supabase, Neon, Convex, Turso. Testei os 5 em projeto real. Cada um tem um jeito de pensar diferente. Este é o comparativo que eu queria ter lido antes de escolher: free tier, prós, contras, quando cada um ganha. Eu uso Firebase e vou te dizer honestamente onde ele perde.
VibecodingLoad Balancer e Redis no seu sistema: tutorial pra pedir pra IA e validar
Load Balancer e Redis são 2 mudanças que transformam MVP em produto sério. Não são luxo, são sinal de que você tá levando a sério. Este tutorial mostra pra que serve cada um, quando ativar, como pedir pra IA em prompts P.R.O.M.P.T.E.R. estruturados e como validar em 3 comandos.