Déployer une application Next.js avec une base de données (Vercel + Neon)
Une recette simple et gratuite pour mettre en ligne une application full-stack avec sa base de données.
Mettre une application full-stack en production était autrefois compliqué. Aujourd'hui, avec les bons outils, c'est une affaire de minutes et gratuit pour commencer.
La stack
- Next.js pour l'application (front + API dans le même projet).
- Neon comme PostgreSQL serverless (offre gratuite, hébergé dans l'UE).
- Vercel pour l'hébergement, avec des déploiements automatiques depuis GitHub.
Étapes
- Poussez le code sur GitHub.
- Créez la base de données sur Neon et copiez sa chaîne de connexion.
- Dans Vercel, importez le dépôt et ajoutez les variables d'environnement (y compris
DATABASE_URL). - Déployez. À partir de là, chaque
pushse publie tout seul.
Un détail qui évite des maux de tête
Pour les migrations, utilisez la connexion directe de Neon (DIRECT_URL) et gardez la connexion poolée pour l'exécution. Et ne committez jamais votre .env : laissez .gitignore le protéger.
Ce site même est construit ainsi. Le plus dur n'est plus le déploiement ; c'est d'avoir quelque chose qui vaille la peine d'être déployé.
#nextjs#vercel#neon#postgresql#déploiement