Desplegar una app Next.js con base de datos (Vercel + Neon)
Una receta sencilla y gratuita para poner online una aplicación full-stack con su base de datos.
Poner una app full-stack en producción solía ser complicado. Hoy, con las herramientas adecuadas, es cuestión de minutos y gratis para empezar.
La pila
- Next.js para la aplicación (front + API en el mismo proyecto).
- Neon como PostgreSQL serverless (plan gratuito, alojado en la UE).
- Vercel para el alojamiento, con despliegue automático desde GitHub.
Pasos
- Sube el código a GitHub.
- Crea la base en Neon y copia su cadena de conexión.
- En Vercel, importa el repo y añade las variables de entorno (incluida
DATABASE_URL). - Deploy. A partir de aquí, cada
pushse publica solo.
Detalle que ahorra disgustos
Para migraciones usa la conexión directa de Neon (DIRECT_URL) y deja la pooled para el runtime. Y nunca subas tu .env: que el .gitignore lo proteja.
Esta misma web está montada así. Lo difícil ya no es el despliegue; es tener algo que merezca la pena desplegar.
#nextjs#vercel#neon#postgresql#deploy