[{"data":1,"prerenderedAt":116},["ShallowReactive",2],{"seo-verification":3,"blog-heberger-openui-vps-fr":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"id":7,"slug":8,"title":9,"excerpt":10,"readTime":11,"views":12,"isPinned":13,"publishedAt":14,"category":15,"categories":21,"featuredImage":23,"bgImage":24,"posterImage":25,"relatedSolution":26,"intro":28,"sections":29,"ctaTitle":72,"ctaBody":73,"ctaButton":74,"ctaUrl":75,"relatedPosts":76},23,"heberger-openui-vps","Comment héberger OpenUI sur un VPS","Déployez OpenUI sur un VPS pour générer des interfaces web par IA et les voir rendues en direct, avec votre propre clé de modèle.",7,451,false,"2026-05-28T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},1,"Intelligence Artificielle","intelligence-artificielle","bg-purple-500\u002F10 text-purple-400","ia",[22],{"id":16,"name":17,"slug":18,"color":19,"icon":20},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fheberger-openui-vps-poster.svg",{"categorySlug":20,"appSlug":27},"openui","OpenUI est un outil open source qui génère des composants d'interface web à partir d'une simple description, puis les rend en direct dans le navigateur. Auto-hébergé sur un VPS, il devient un atelier de prototypage UI privé que toute votre équipe peut utiliser. Voici comment le déployer avec Docker, le brancher sur un modèle et le sécuriser derrière un reverse proxy.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","Pourquoi auto-héberger OpenUI sur un VPS","OpenUI s'adresse aux développeurs front-end et aux designers qui veulent transformer une idée (\"un formulaire de connexion avec un bouton bleu et une option mot de passe oublié\") en code HTML\u002FTailwind\u002FReact fonctionnel, rendu instantanément. Plutôt que de dépendre d'un service en ligne, l'héberger sur votre VPS vous donne un endpoint permanent, partageable par lien interne, où chacun peut prototyper sans installation locale. Point clé : OpenUI a besoin d'un modèle pour générer le code — vous le pointez soit sur un LLM externe via clé API, soit sur un Ollama local tournant sur le même VPS, ce qui garde toute la chaîne en interne. Le rendu temps réel des composants accélère énormément les itérations de maquettage.",{"type":35,"title":36,"items":37},"ul","Les bénéfices concrets de l'auto-hébergement",[38,39,40,41,42,43],"Atelier de prototypage UI partagé via une simple URL interne.","Rendu en direct des composants générés (HTML, Tailwind, React, Svelte).","Choix du backend de modèle : clé API externe ou Ollama 100% local.","Aucune limite de générations imposée par un service tiers.","Export du code propre, prêt à copier dans votre base de projet.","Confidentialité des briefs et maquettes clients restés sur votre VPS.",{"type":31,"title":45,"body":46},"Prérequis matériels et logiciels","OpenUI lui-même est léger : l'application (backend Python + front) tient sur un VPS 2 vCPU \u002F 2 à 4 Go de RAM si vous utilisez une clé API externe pour le modèle. En revanche, si vous voulez tout garder local avec Ollama sur la même machine, dimensionnez selon le modèle : comptez alors 8 à 16 Go de RAM supplémentaires pour un modèle 7B quantifié. Prévoyez quelques Go de disque pour les images Docker (et davantage si vous stockez des modèles Ollama). Côté logiciel : Ubuntu 22.04, Docker et Docker Compose, une clé API de modèle (ou Ollama installé), et un sous-domaine type `ui.mondomaine.ma`.",{"type":48,"title":49,"steps":50},"steps","Déploiement pas à pas",[51,54,57,60,63,66],{"title":52,"body":53},"Récupérer le projet","En SSH, clonez le dépôt : `git clone https:\u002F\u002Fgithub.com\u002Fwandb\u002Fopenui` puis placez-vous dans le dossier `backend`. OpenUI fournit un `Dockerfile` et des instructions de build prêtes à l'emploi.",{"title":55,"body":56},"Choisir le backend de modèle","Pour un modèle externe, renseignez votre clé dans une variable d'environnement (`OPENAI_API_KEY` ou équivalent). Pour rester local, installez Ollama (`curl -fsSL https:\u002F\u002Follama.com\u002Finstall.sh | sh`), récupérez un modèle avec `ollama pull llama3` et pointez OpenUI dessus.",{"title":58,"body":59},"Construire et lancer le conteneur","Buildez l'image puis démarrez : `docker compose up -d`. OpenUI expose par défaut le port `7878`. Suivez le démarrage avec `docker compose logs -f` jusqu'à voir le serveur prêt.",{"title":61,"body":62},"Vérifier le rendu","Ouvrez `http:\u002F\u002FIP_DU_VPS:7878`, tapez une description de composant et confirmez que le code est généré ET rendu en direct. Si la génération échoue, vérifiez la connexion au modèle dans les logs.",{"title":64,"body":65},"Sécuriser derrière un reverse proxy","OpenUI n'a pas d'authentification forte par défaut : placez Caddy ou Nginx devant le port 7878 avec une Basic Auth, et activez le SSL automatique pour `ui.mondomaine.ma`. Restreignez l'accès au port brut via le pare-feu (`ufw deny 7878`).",{"title":67,"body":68},"Partager à l'équipe","Communiquez l'URL `https:\u002F\u002Fui.mondomaine.ma` à vos développeurs et designers. Chacun peut prototyper depuis son navigateur sans rien installer, et copier le code généré directement dans le projet.",{"type":70,"body":71},"tip","Pour une chaîne entièrement souveraine, faites cohabiter OpenUI et Ollama dans le même `docker-compose.yml` sur un réseau Docker interne : OpenUI appelle Ollama via `http:\u002F\u002Follama:11434` sans jamais exposer le LLM sur Internet. Côté qualité de génération, un modèle orienté code (CodeLlama, Qwen2.5-Coder) donne de bien meilleurs composants Tailwind\u002FReact qu'un modèle généraliste de même taille — testez-en plusieurs et gardez celui dont le rendu est le plus fidèle à vos prompts.","Prototypez vos interfaces sur un VPS Cloud ServOrbit","Déployez OpenUI (et Ollama si vous le souhaitez) sur un VPS Cloud avec Docker préconfiguré. Un atelier de génération d'UI privé, partageable et disponible en continu.","Découvrir le VPS Cloud","\u002Fvps-cloud",[77,90,103],{"id":16,"slug":78,"title":79,"excerpt":80,"readTime":81,"views":82,"isPinned":13,"publishedAt":83,"category":84,"categories":85,"featuredImage":23,"bgImage":24,"posterImage":87,"relatedSolution":88},"heberger-open-webui","Comment héberger Open WebUI sur un VPS","Guide complet pour déployer Open WebUI sur votre propre VPS. Gardez le contrôle de vos données, évitez les coûts des API cloud et accédez à vos LLMs depuis une interface web propre.",6,3200,"2026-06-01T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[86],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fheberger-open-webui-poster.svg",{"categorySlug":20,"appSlug":89},"open-webui",{"id":91,"slug":92,"title":93,"excerpt":94,"readTime":11,"views":95,"isPinned":13,"publishedAt":96,"category":97,"categories":98,"featuredImage":23,"bgImage":24,"posterImage":100,"relatedSolution":101},2,"deployer-dify-vps","Déployer Dify sur un VPS : workflows IA sous contrôle","Installez Dify sur VPS ServOrbit pour créer agents, chatflows et apps IA sans perdre la maîtrise des données.",2480,"2026-02-11T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[99],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fdeployer-dify-vps-poster.svg",{"categorySlug":20,"appSlug":102},"dify",{"id":81,"slug":104,"title":105,"excerpt":106,"readTime":107,"views":108,"isPinned":13,"publishedAt":109,"category":110,"categories":111,"featuredImage":23,"bgImage":24,"posterImage":113,"relatedSolution":114},"openclaw-vps","Déployer OpenClaw sur un VPS","Guide pour déployer OpenClaw sur votre propre VPS. Gardez le contrôle de vos agents IA et de vos données dans votre propre infrastructure.",5,422,"2026-06-11T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},[112],{"id":16,"name":17,"slug":18,"color":19,"icon":20},"\u002Fblog\u002Fcovers\u002Fopenclaw-vps-poster.svg",{"categorySlug":20,"appSlug":115},"openclaw",1784126240618]