[{"data":1,"prerenderedAt":103},["ShallowReactive",2],{"seo-verification":3,"marketplace-app-fr-sveltekit-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":69,"compatibleOs":76,"relatedApps":77,"relatedPosts":97,"category":100},"sveltekit-stack",{"fr":7,"en":7,"ar":7},{"fr":10,"en":11,"ar":12},"developpement","development","التطوير","SvelteKit Stack","Node.js LTS, PM2 et Nginx préconfigurés pour SvelteKit. Déployez votre app en SSR ou mode statique sur votre VPS en production.",1,null,"https:\u002F\u002Fservorbit.com\u002Fblog\u002Fdeployer-sveltekit-vps","Node.js LTS, PM2 et Nginx préconfigurés — la base pour déployer votre app SvelteKit en production.","SvelteKit Stack configure votre VPS avec les composants nécessaires à un projet SvelteKit en production : Node.js LTS depuis NodeSource, PM2 pour la gestion des processus, et Nginx comme reverse proxy TLS.\n\nL'adaptateur `adapter-node` de SvelteKit produit un serveur Node autonome — un processus persistant qui maintient les connexions à la base de données ouvertes et répond sans cold start. Les actions de formulaire, les `load` côté serveur et les endpoints `+server.ts` tournent dans un runtime que vous maîtrisez, sans limite d'invocation ni facturation variable.",[21,22,23,24,25,26],"Node.js LTS depuis NodeSource — la dernière version stable, pas le paquet vieilli de la distribution.","PM2 — redémarrage automatique, zéro coupure lors des déploiements, rotation des logs, mode cluster pour VPS multi-cœur.","Nginx en reverse proxy avec gzip et Cache-Control longs sur les assets versionnés.","Compatible avec `@sveltejs\u002Fadapter-node` pour le SSR autonome et `@sveltejs\u002Fadapter-static` pour les sites entièrement prégénérés.","Aucun cold start — le processus Node est persistant, maintenant un pool de connexions à la base de données entre les requêtes.","WebSockets et SSE supportés, permettant des fonctionnalités temps réel que les plateformes serverless restreignent ou compliquent.",[28,31,34],{"title":29,"body":30},"Application web SSR","Déployez une app SvelteKit complète avec actions de formulaire, `load` côté serveur et endpoints API. PM2 supervise le processus Node avec redémarrage automatique et rechargement sans coupure entre déploiements.",{"title":32,"body":33},"Hébergement de site statique","Configurez `adapter-static`, buildez votre projet et laissez Nginx servir le dossier `build\u002F` sans aucun processus Node en fonctionnement. Empreinte mémoire quasi nulle et temps de réponse instantanés.",{"title":35,"body":36},"API backend pour un frontend SvelteKit","Co-hébergez votre frontend SvelteKit et une API REST sur le même VPS. Nginx route les requêtes `\u002Fapi\u002F*` vers un service séparé pendant que SvelteKit gère le reste — derrière un seul domaine en TLS.",[38,41,44,47,50],{"title":39,"body":40},"Créer le VPS","Sélectionnez le template SvelteKit Stack. 1 Go de RAM suffit pour un site statique ; 2 Go pour du SSR avec PM2 et une base co-hébergée.",{"title":42,"body":43},"Configurer l'adaptateur","Dans `svelte.config.js`, définissez `adapter: node()` depuis `@sveltejs\u002Fadapter-node` pour le SSR, ou `adapter: static()` depuis `@sveltejs\u002Fadapter-static` pour un site entièrement prégénéré.",{"title":45,"body":46},"Premier accès","Ce template installe une chaîne d'outils (Node.js LTS, PM2, Nginx). Il n'y a pas d'interface web à ouvrir : connectez-vous en SSH et déployez votre propre projet SvelteKit.",{"title":48,"body":49},"Builder et déployer","Lancez `npm run build` en local ou en CI. Transférez le dossier `build\u002F` sur le VPS et démarrez avec `pm2 start build\u002Findex.js --name svelte-app`. Définissez `ORIGIN=https:\u002F\u002Fvotredomaine.com` — indispensable pour que SvelteKit valide les actions de formulaire (protection CSRF).",{"title":51,"body":52},"Configurer Nginx","Mettez en place un `proxy_pass http:\u002F\u002F127.0.0.1:3000;` avec les `proxy_set_header` appropriés. Activez `proxy_http_version 1.1` et l'en-tête `Upgrade` si votre app utilise des WebSockets. Obtenez un certificat Let's Encrypt avec Certbot.",[54,57,60,63,66],{"q":55,"a":56},"Quelle est la différence entre SvelteKit Stack et Astro Stack ?","Les deux installent Node.js LTS, PM2 et Nginx. SvelteKit cible les applications web réactives avec actions de formulaire, `load` côté serveur et fonctionnalités temps réel. Astro cible les sites de contenu et le rendu hybride — il n'envoie aucun JavaScript par défaut et fait tourner un processus Node plus léger pour les pages SSR.",{"q":58,"a":59},"Puis-je déployer un site SvelteKit entièrement statique ?","Oui. Configurez `@sveltejs\u002Fadapter-static`, buildez votre projet et servez le dossier `build\u002F` via Nginx. Aucun processus Node ne tourne en production — Nginx sert les fichiers statiques directement.",{"q":61,"a":62},"Comment gérer les variables d'environnement en production ?","Passez les variables à PM2 via un fichier ecosystem config ou directement : `pm2 start build\u002Findex.js --env production`. `ORIGIN` est obligatoire — les actions de formulaire rejettent les requêtes si cette variable ne correspond pas à l'URL réelle.",{"q":64,"a":65},"Puis-je héberger plusieurs apps SvelteKit sur le même VPS ?","Oui. Faites tourner chaque app comme un processus PM2 distinct sur un port interne différent (3000, 3001…). Nginx route les requêtes selon le domaine ou le chemin via des blocs `server {}` séparés.",{"q":67,"a":68},"Quelle RAM minimale recommandez-vous pour le SSR ?","2 Go de RAM sont une base confortable pour une seule app SvelteKit en SSR. Si vous co-hébergez une base de données ou activez le mode cluster de PM2, prévoyez au moins 4 Go.",{"ram":70,"cpu":71,"stack":72},"1 Go (statique), 2 Go (SSR)","1 vCPU",[73,74,75],"Node.js LTS","PM2","Nginx",[],[78,85,91],{"name":79,"slug":80,"categorySlug":10,"categoryName":81,"categoryColor":82,"logo":16,"tagline":83,"description":84},"Astro Stack","astro-stack","Développement","text-warning bg-warning\u002F10","Node.js LTS, PM2 et Nginx préconfigurés — l'environnement Astro SSR ou statique prêt à l'emploi.","Node.js LTS, PM2 et Nginx préconfigurés pour Astro. Déployez vos applications Astro SSR ou statiques sur votre propre infrastructure.",{"name":86,"slug":87,"categorySlug":10,"categoryName":81,"categoryColor":82,"logo":88,"tagline":89,"description":90},"Node.js Stack","nodejs-stack","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":92,"slug":93,"categorySlug":10,"categoryName":81,"categoryColor":82,"logo":94,"tagline":95,"description":96},"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.",[98,99],"deployer-sveltekit-vps","deployer-astro-vps",{"key":10,"slug":10,"name":81,"objective":101,"icon":102,"color":82},"Démarrer rapidement un projet logiciel.","dev",1787581053102]