[{"data":1,"prerenderedAt":149},["ShallowReactive",2],{"seo-verification":3,"blog-self-host-saleor-vps-fr":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"blog-self-host-saleor-vps-fr",{"id":9,"slug":10,"slugs":11,"title":15,"excerpt":16,"readTime":17,"views":18,"isPinned":19,"publishedAt":20,"updatedAt":21,"category":22,"categories":28,"featuredImage":30,"bgImage":31,"posterImage":32,"relatedSolution":33,"intro":36,"sections":37,"ctaTitle":83,"ctaBody":84,"ctaButton":85,"ctaUrl":86,"relatedPosts":87},362,"self-host-saleor-vps",{"fr":10,"en":12,"ar":13,"es":14},"self-host-saleor-on-vps","كيفية-استضافة-saleor-على-خادم-vps","como-alojar-saleor-en-un-vps","Saleor Commerce : e-commerce headless open source sur VPS","Hébergez Saleor Commerce sur VPS : API GraphQL headless Python\u002FDjango, tableau de bord React et worker Celery — alternative libre à Shopify. Guide complet Docker Compose.",5,0,false,"2026-09-19T00:00:00+00:00","2026-09-19T17:11:15+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},7,"Self-hosting","self-hosting","bg-indigo-500\u002F10 text-indigo-400","cloud",[29],{"id":23,"name":24,"slug":25,"color":26,"icon":27},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fself-host-saleor-vps-poster.svg",{"categorySlug":34,"appSlug":35},"ecommerce","saleor","Shopify et WooCommerce fonctionnent bien jusqu'au jour où vous avez besoin d'une vitrine entièrement personnalisée, d'un canal B2B aux prix distincts ou d'une application mobile qui partage le même catalogue. C'est là que le headless entre en jeu. Saleor Commerce (BSD-3-Clause, 23 000+ étoiles GitHub) sépare la logique métier — produits, commandes, paiements, clients — d'un frontend que vous construisez comme vous l'entendez. L'API GraphQL est l'unique interface : Next.js, React Native ou n'importe quel client HTTP. Sur un VPS ServOrbit, sept conteneurs Docker suffisent pour faire tourner la pile complète.",[38,42,52,55,77,80],{"title":39,"type":40,"body":41},"E-commerce headless : pourquoi découpler le frontend ?","h2","Dans une architecture headless, la boutique se compose de deux couches indépendantes : un **backend** qui gère le catalogue, les commandes et les paiements via une API, et un **frontend** que vous développez — ou que vous remplacez — sans toucher à la logique métier.\n\nCela change concrètement trois choses. D'abord, la performance : votre vitrine Next.js est pré-rendue, servie depuis un CDN, sans requête PHP à chaque visite. Ensuite, la flexibilité : vous pouvez lancer un site web, une application mobile et un kiosque physique depuis la même API, sans dupliquer le catalogue. Enfin, l'évolutivité : changer de design ou de framework frontend n'implique pas de migrer la base de données.\n\nSaleor pousse cette logique jusqu'au bout. Chaque fonctionnalité — produits, canaux de vente, promotions, expéditions — est accessible via GraphQL. Le tableau de bord React livré avec Saleor sert à administrer, pas à vendre : c'est votre frontend qui vend.",{"title":43,"type":44,"items":45},"Ce que Saleor apporte sur un VPS ServOrbit","ul",[46,47,48,49,50,51],"**API GraphQL complète** — produits, variantes, attributs, collections, commandes, clients, paiements, expéditions : tout est interrogeable et mutable via GraphQL.","**Multi-canal natif** — une boutique marocaine en MAD, une française en EUR, un catalogue B2B en gros : trois canaux indépendants, un seul admin.","**Tableau de bord React inclus** — gérez votre catalogue, vos stocks, vos promotions et vos commandes sans écrire une ligne de code.","**Worker Celery pour les tâches de fond** — webhooks sortants, notifications e-mail, traitement asynchrone des commandes : rien ne bloque la requête HTTP.","**PostgreSQL 15 + Valkey 8** — base relationnelle robuste et cache\u002Fbroker rapide, tous deux dans des conteneurs éphémères avec volumes persistants.","**Licence BSD-3-Clause** — aucune commission par transaction, aucun accès feature derrière un abonnement commercial, code source entièrement auditable.",{"title":53,"type":40,"body":54},"Architecture : sept conteneurs, un seul port exposé","La stack Saleor sur ServOrbit tourne en sept services Docker Compose :\n\n1. **db** — PostgreSQL 15, données persistantes dans un volume.\n2. **cache** — Valkey 8, cache Django et broker Celery sur deux bases Redis distinctes.\n3. **init** — s'exécute une seule fois, applique les migrations, génère la clé RSA pour les JWT et crée le compte admin.\n4. **api** — Uvicorn + Django, sert l'API GraphQL sur le port 8000 (loopback uniquement).\n5. **worker** — Celery, traite la file de tâches asynchrones.\n6. **dashboard** — image React pré-compilée, interface d'administration.\n7. **proxy** — Nginx, point d'entrée unique sur le port exposé. Route `\u002Fgraphql\u002F`, `\u002Fstatic\u002F`, `\u002Fmedia\u002F` vers l'API ; tout le reste vers le dashboard.\n\nUn seul port est exposé sur `127.0.0.1`, derrière le reverse proxy géré par ServOrbit. L'API ne répond directement à personne — tout passe par Nginx.",{"title":56,"type":57,"steps":58},"Déploiement depuis le Marketplace ServOrbit","steps",[59,62,65,68,71,74],{"title":60,"body":61},"Commander un VPS 4 Go RAM","la pile complète (API, Celery, PostgreSQL, Valkey, dashboard) est à l'aise dans 4 Go. 2 Go est le minimum absolu, mais PostgreSQL manquera de marge sous charge.",{"title":63,"body":64},"Attacher votre domaine avant de déployer","Saleor ancre l'URL de l'API du dashboard et la liste `ALLOWED_CLIENT_HOSTS` à votre domaine dès le premier démarrage. Cette valeur ne peut plus changer sans recréer les volumes. Faites-le avant, pas après.",{"title":66,"body":67},"Lancer le déploiement","dans votre espace client ServOrbit : Marketplace → E-commerce → Saleor → Déployer. Le service `init` applique les migrations, génère la clé RSA et crée le compte `admin@example.com` avec le mot de passe affiché dans votre espace client.",{"title":69,"body":70},"Attendre 90 à 120 secondes","le premier démarrage télécharge les images (~1 Go) et applique les migrations de schéma. L'API est prête quand le healthcheck Nginx passe.",{"title":72,"body":73},"Créer un canal de vente","dans le tableau de bord (`https:\u002F\u002Fvotre-domaine\u002F`), allez dans Catalogue → Canaux → Créer un canal. Renseignez un nom, une devise (MAD, EUR…) et un pays. Sans canal, vous ne pouvez pas créer de produits.",{"title":75,"body":76},"Connecter votre vitrine","pointez votre frontend Next.js (ou autre) sur `https:\u002F\u002Fvotre-domaine\u002Fgraphql\u002F`. La documentation GraphQL interactive est disponible sur `\u002Fgraphql\u002F` en mode debug.",{"title":78,"type":40,"body":79},"Connecter une passerelle de paiement","Saleor gère les paiements via des **Saleor Apps** — de petits services qui implémentent le protocole webhook de Saleor et se connectent à votre PSP. L'écosystème officiel couvre Stripe, Adyen et PayPal. Pour le Maroc, une intégration CMI via le Saleor App SDK est envisageable : le SDK expose les hooks nécessaires (`payment-gateway-initialize-session`, `transaction-process-session`).\n\nDans le tableau de bord, allez dans Apps → Explorer les apps pour installer une app depuis la marketplace Saleor, ou Apps → Installer une app personnalisée pour pointer sur votre propre service. L'URL doit être accessible depuis le serveur Saleor (HTTPS requis en production).\n\nUne fois l'app installée, elle apparaît dans Catalogue → Canaux → votre canal → Passerelles de paiement.",{"title":81,"type":40,"body":82},"Saleor vs PrestaShop vs WooCommerce","**PrestaShop** et **WooCommerce** sont des solutions monolithiques : le template, le panier et l'API vivent dans le même process PHP. C'est simple à démarrer, mais difficile à personnaliser profondément — vous devez vivre dans le système de templates de la plateforme.\n\n**Saleor** adopte la philosophie inverse : zéro template, tout via GraphQL. Vous perdez le « prêt à l'emploi » d'une boutique visible en dix minutes, mais vous gagnez une liberté totale sur le frontend. C'est le bon choix si vous avez des développeurs capables d'écrire un storefront Next.js ou React Native, ou si votre cas d'usage dépasse les contraintes d'un thème standard.\n\nEn termes de ressources serveur, Saleor (Python\u002FDjango) consomme plus de RAM qu'une installation WooCommerce légère, mais beaucoup moins qu'un Magento ou un Sylius en production. Sur un VPS 4 Go, la pile tourne confortablement avec de la marge pour PostgreSQL.","Prêt à lancer votre boutique headless ?","ServOrbit déploie Saleor Commerce en un clic sur Ubuntu 24.04 — PostgreSQL, Valkey, API Django, worker Celery, tableau de bord React et proxy nginx configurés automatiquement.","Déployer Saleor Commerce","\u002Fmarketplace\u002Fecommerce\u002Fsaleor",[88,106,128],{"id":89,"slug":90,"slugs":91,"title":95,"excerpt":96,"readTime":97,"views":18,"isPinned":19,"publishedAt":98,"updatedAt":99,"category":100,"categories":101,"featuredImage":30,"bgImage":31,"posterImage":103,"relatedSolution":104},145,"installer-prestashop-vps",{"fr":90,"en":92,"ar":93,"es":94},"prestashop-on-a-vps-open-e-commerce-with-no-closed-platform","prestashop-على-vps-تجارة-إلكترونية-حرة-دون-منصة-مغلقة","instalar-prestashop-en-un-vps","Installer PrestaShop sur un VPS : guide complet 2025","Déployez PrestaShop 8.x sur un VPS Ubuntu 24.04 avec Apache, PHP 8.2, MySQL 8 et SSL. Prérequis chiffrés, commandes exactes, dépannage et optimisations inclus.",8,"2026-01-31T00:00:00+00:00","2026-09-07T11:26:10+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},[102],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Finstaller-prestashop-vps-poster.svg",{"categorySlug":34,"appSlug":105},"prestashop",{"id":107,"slug":108,"slugs":109,"title":113,"excerpt":114,"readTime":115,"views":116,"isPinned":19,"publishedAt":117,"updatedAt":118,"category":119,"categories":123,"featuredImage":30,"bgImage":31,"posterImage":125,"relatedSolution":126},3,"installer-n8n-vps",{"fr":108,"en":110,"ar":111,"es":112},"install-n8n-on-vps-with-docker-complete-2026-guide","تثبيت-n8n-على-vps-مع-docker-دليل-شامل-2026","instalar-n8n-en-vps-con-docker","Installer n8n sur VPS avec Docker : guide complet 2026","Déployez n8n sur VPS avec Docker, reverse proxy et HTTPS. Crash V8, 502 nginx, migration npm vers Docker et sécurisation des exécutions persistées (advisory août 2026).",12,2,"2026-06-05T00:00:00+00:00","2026-09-08T22:00:02+00:00",{"id":116,"name":120,"slug":121,"color":122,"icon":121},"Automatisation","automatisation","bg-brand-action\u002F10 text-brand-action",[124],{"id":116,"name":120,"slug":121,"color":122,"icon":121},"\u002Fblog\u002Fcovers\u002Finstaller-n8n-vps-poster.svg",{"categorySlug":121,"appSlug":127},"n8n",{"id":129,"slug":130,"slugs":131,"title":135,"excerpt":136,"readTime":137,"views":138,"isPinned":19,"publishedAt":139,"updatedAt":99,"category":140,"categories":144,"featuredImage":30,"bgImage":31,"posterImage":146,"relatedSolution":147},41,"deployer-avec-coolify",{"fr":130,"en":132,"ar":133,"es":134},"deploy-your-applications-with-coolify-on-a-vps","نشر-تطبيقاتك-باستخدام-coolify-على-vps","desplegar-aplicaciones-con-coolify-en-un-vps","Déployer vos applications avec Coolify sur un VPS","Déployer Coolify sur un VPS : installation, configuration HTTPS, connexion Git, première application, bases de données, sauvegardes et dépannage.",9,1,"2026-05-10T00:00:00+00:00",{"id":107,"name":141,"slug":142,"color":143,"icon":142},"Déploiement","deploiement","bg-success\u002F10 text-success",[145],{"id":107,"name":141,"slug":142,"color":143,"icon":142},"\u002Fblog\u002Fcovers\u002Fdeployer-avec-coolify-poster.svg",{"categorySlug":142,"appSlug":148},"coolify",1789838176080]