Implementar uma aplicação Next.js com base de dados (Vercel + Neon)
Uma receita simples e gratuita para colocar uma aplicação full-stack online com a sua base de dados.
Colocar uma aplicação full-stack em produção costumava ser complicado. Hoje, com as ferramentas certas, é uma questão de minutos e gratuito para começar.
A stack
- Next.js para a aplicação (front + API no mesmo projeto).
- Neon como PostgreSQL serverless (plano gratuito, alojado na UE).
- Vercel para o alojamento, com deploys automáticos a partir do GitHub.
Passos
- Envie o código para o GitHub.
- Crie a base de dados no Neon e copie a sua string de ligação.
- No Vercel, importe o repositório e adicione as variáveis de ambiente (incluindo
DATABASE_URL). - Faça o deploy. A partir daqui, cada
pushpublica-se sozinho.
Um detalhe que evita dores de cabeça
Para as migrações use a ligação direta do Neon (DIRECT_URL) e mantenha a pooled para o runtime. E nunca faça commit do seu .env: deixe o .gitignore protegê-lo.
Este próprio sítio está construído desta forma. A parte difícil já não é o deploy; é ter algo que valha a pena implementar.
#nextjs#vercel#neon#postgresql#deploy