[{"data":1,"prerenderedAt":103},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-fr-nextjs-stack":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"slug":7,"slugs":8,"categorySlugs":9,"name":13,"description":14,"phase":15,"unavailableReason":16,"docsUrl":17,"logo":16,"github":16,"tagline":18,"longDescription":19,"features":20,"useCases":27,"steps":37,"faq":53,"specs":66,"compatibleOs":74,"relatedApps":75,"relatedPosts":99,"category":100},"nextjs-stack",{"fr":7,"en":7,"ar":7},{"fr":10,"en":11,"ar":12},"developpement","development","التطوير","Next.js Stack","Node.js, PM2, Nginx et PostgreSQL préconfigurés pour Next.js. Déployez vos applications React SSR sans Vercel ni quotas de fonctions.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002Fdeployer-nextjs-vps","Next.js Stack — Node.js LTS, PM2, Nginx et PostgreSQL préconfigurés. Déployez votre application React SSR en production sans Vercel.","Le template Next.js Stack configure votre VPS pour héberger une application Next.js en mode SSR (Server-Side Rendering) en production : Node.js LTS installé depuis le dépôt officiel NodeSource, PM2 pour la gestion des processus sans coupure, Nginx en reverse proxy et PostgreSQL si votre application a besoin d'une base de données relationnelle.\n\nHéberger Next.js sur votre propre VPS vous libère des quotas d'invocations de Vercel, des limites de bande passante et du vendor lock-in, tout en gardant le SSR, l'ISR et les routes API pleinement opérationnels. Le cache ISR est persisté sur disque entre les déploiements.",[21,22,23,24,25,26],"Node.js LTS depuis le dépôt officiel NodeSource — dernière version LTS, pas le paquet obsolète de la distribution.","PM2 comme gestionnaire de processus — rechargement sans coupure, rotation des logs, scripts de démarrage et mode cluster.","Nginx reverse proxy avec compression gzip et mise en cache des assets statiques `\u002F_next\u002Fstatic\u002F`.","PostgreSQL pour les applications Next.js full-stack avec base de données relationnelle.","Compatible Next.js App Router, Pages Router et output standalone.","Cache ISR (régénération statique incrémentale) persisté sur disque entre les déploiements.",[28,31,34],{"title":29,"body":30},"Site marketing SSR","Application Next.js avec SSR complet pour de meilleures Core Web Vitals et un référencement optimal — sans la facturation à l'invocation de Vercel.",{"title":32,"body":33},"Application full-stack","Next.js avec les routes API de l'App Router et PostgreSQL — un backend et un frontend sur le même VPS à coût mensuel fixe.",{"title":35,"body":36},"Multi-sites d'agence","Plusieurs sites Next.js clients mutualisés sous une instance Nginx, chacun sur son propre sous-domaine avec SSL automatisé.",[38,41,44,47,50],{"title":39,"body":40},"Créer le VPS","Sélectionnez le template \"Next.js Stack\". Minimum 2 Go RAM — le build Next.js en production est gourmand en mémoire.",{"title":42,"body":43},"Cloner et builder votre application","Connectez-vous en SSH, clonez votre dépôt, créez `.env.production`, puis `npm ci && npm run build`. Activez `output: 'standalone'` dans `next.config.js` pour un bundle de déploiement léger.",{"title":45,"body":46},"Se connecter la première fois","Ce template installe une boîte à outils (Node.js LTS, PM2, Nginx, PostgreSQL). Il n'y a rien à ouvrir dans un navigateur — connectez-vous en SSH pour déployer votre propre application Next.js.",{"title":48,"body":49},"Démarrer avec PM2","Lancez avec `pm2 start node --name nextjs -- .next\u002Fstandalone\u002Fserver.js`. Sauvegardez avec `pm2 save && pm2 startup` pour un redémarrage automatique au reboot.",{"title":51,"body":52},"Configurer Nginx et SSL","Pointez le virtualhost Nginx vers `proxy_pass http:\u002F\u002Flocalhost:3000`, servez `\u002F_next\u002Fstatic\u002F` directement depuis le disque, et obtenez un certificat Let's Encrypt avec Certbot.",[54,57,60,63],{"q":55,"a":56},"Quelle différence entre Next.js Stack et Nuxt Stack ?","Next.js Stack cible les applications React (Next.js), Nuxt Stack cible Vue.js (Nuxt 3). La boîte à outils est identique — Node.js LTS, PM2, Nginx, PostgreSQL — mais les frameworks et leurs sorties de build diffèrent.",{"q":58,"a":59},"Peut-on héberger plusieurs sites Next.js sur un seul VPS ?","Oui. Chaque site tourne comme un processus PM2 distinct sur un port différent. Nginx route les requêtes par nom de domaine et proxifie vers le bon processus. Un VPS de 4 Go peut héberger 3 à 5 petits sites Next.js.",{"q":61,"a":62},"Le template supporte-t-il l'App Router de Next.js ?","Oui. Le template installe Node.js LTS et PM2 qui font tourner n'importe quelle version de Next.js, y compris les projets App Router. L'option `output: 'standalone'` fonctionne avec l'App Router comme avec le Pages Router.",{"q":64,"a":65},"Qu'en est-il de l'ISR (régénération statique incrémentale) ?","L'ISR fonctionne immédiatement. Les pages sont mises en cache sur le disque dans `.next\u002Fcache` et survivent aux rechargements PM2. Pour plusieurs instances serveur, configurez un handler de cache Redis partagé.",{"ram":67,"cpu":68,"stack":69},"2 Go","1 vCPU",[70,71,72,73],"Node.js LTS","PM2","Nginx","PostgreSQL",[],[76,84,90],{"name":77,"slug":78,"categorySlug":10,"categoryName":79,"categoryColor":80,"logo":81,"tagline":82,"description":83},"Node.js Stack","nodejs-stack","Développement","text-warning bg-warning\u002F10","https:\u002F\u002Fcdn.simpleicons.org\u002Fnodedotjs","Node.js, PM2, Nginx et base de données — environnement production pour vos APIs et apps JavaScript.","Node.js avec PM2, Nginx reverse proxy et base de données. Vos APIs et applications JavaScript prêtes à recevoir du trafic.",{"name":85,"slug":86,"categorySlug":10,"categoryName":79,"categoryColor":80,"logo":87,"tagline":88,"description":89},"Nuxt Stack","nuxt-stack","https:\u002F\u002Fcdn.simpleicons.org\u002Fnuxt","Nuxt 3 avec SSR, PostgreSQL et reverse proxy — environnement production pour vos apps Vue.js.","Nuxt 3 avec SSR, PostgreSQL et reverse proxy. Environnement production pour vos applications Vue.js.",{"name":91,"slug":92,"categorySlug":93,"categoryName":94,"categoryColor":95,"logo":96,"tagline":97,"description":98},"Coolify","coolify","deploiement","Déploiement Applicatif & DevOps","text-success bg-success\u002F10","https:\u002F\u002Fcdn.simpleicons.org\u002Fcoolify","Déployez depuis Git en quelques secondes — alternative self-hosted à Heroku, Render et Netlify.","Déployez vos applications depuis Git en quelques secondes. Self-hosted, sans vendor lock-in, avec SSL automatique.",[],{"key":10,"slug":10,"name":79,"objective":101,"icon":102,"color":80},"Démarrer rapidement un projet logiciel.","dev",1787581051663]