[{"data":1,"prerenderedAt":116},["ShallowReactive",2],{"seo-verification":3,"blog-heberger-openui-vps-en":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","How to host OpenUI on a VPS","Deploy OpenUI on a VPS to generate web interfaces with AI and see them rendered live, with your own model key.",7,451,false,"2026-05-28T00:00:00+00:00",{"id":16,"name":17,"slug":18,"color":19,"icon":20},1,"Artificial Intelligence","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 is an open-source tool that generates web interface components from a simple description, then renders them live in the browser. Self-hosted on a VPS, it becomes a private UI prototyping workshop that your whole team can use. Here is how to deploy it with Docker, connect it to a model and secure it behind a reverse proxy.",[30,34,44,47,69],{"type":31,"title":32,"body":33},"h2","Why self-host OpenUI on a VPS","OpenUI is aimed at front-end developers and designers who want to turn an idea (\"a login form with a blue button and a forgotten-password option\") into functional HTML\u002FTailwind\u002FReact code, rendered instantly. Rather than depending on an online service, hosting it on your VPS gives you a permanent endpoint, shareable via an internal link, where anyone can prototype without a local installation. Key point: OpenUI needs a model to generate the code — you point it either to an external LLM via an API key, or to a local Ollama running on the same VPS, which keeps the entire chain in-house. The real-time rendering of the components hugely accelerates mock-up iterations.",{"type":35,"title":36,"items":37},"ul","The concrete benefits of self-hosting",[38,39,40,41,42,43],"UI prototyping workshop shared via a simple internal URL.","Live rendering of the generated components (HTML, Tailwind, React, Svelte).","Choice of model backend: external API key or 100% local Ollama.","No generation limit imposed by a third-party service.","Clean code export, ready to copy into your project codebase.","Confidentiality of client briefs and mock-ups kept on your VPS.",{"type":31,"title":45,"body":46},"Hardware and software prerequisites","OpenUI itself is lightweight: the application (Python backend + front) fits on a 2 vCPU \u002F 2 to 4 GB RAM VPS if you use an external API key for the model. On the other hand, if you want to keep everything local with Ollama on the same machine, size it according to the model: then count on 8 to 16 GB of additional RAM for a quantized 7B model. Plan for a few GB of disk for the Docker images (and more if you store Ollama models). On the software side: Ubuntu 22.04, Docker and Docker Compose, a model API key (or Ollama installed), and a subdomain like `ui.mydomain.com`.",{"type":48,"title":49,"steps":50},"steps","Step-by-step deployment",[51,54,57,60,63,66],{"title":52,"body":53},"Grab the project","Via SSH, clone the repository: `git clone https:\u002F\u002Fgithub.com\u002Fwandb\u002Fopenui` then move into the `backend` folder. OpenUI provides a `Dockerfile` and ready-to-use build instructions.",{"title":55,"body":56},"Choose the model backend","For an external model, fill in your key in an environment variable (`OPENAI_API_KEY` or equivalent). To stay local, install Ollama (`curl -fsSL https:\u002F\u002Follama.com\u002Finstall.sh | sh`), pull a model with `ollama pull llama3` and point OpenUI to it.",{"title":58,"body":59},"Build and run the container","Build the image then start: `docker compose up -d`. OpenUI exposes port `7878` by default. Follow the startup with `docker compose logs -f` until you see the server ready.",{"title":61,"body":62},"Check the rendering","Open `http:\u002F\u002FIP_DU_VPS:7878`, type a component description and confirm that the code is generated AND rendered live. If generation fails, check the connection to the model in the logs.",{"title":64,"body":65},"Secure behind a reverse proxy","OpenUI has no strong authentication by default: place Caddy or Nginx in front of port 7878 with Basic Auth, and enable automatic SSL for `ui.mydomain.com`. Restrict access to the raw port via the firewall (`ufw deny 7878`).",{"title":67,"body":68},"Share with the team","Communicate the URL `https:\u002F\u002Fui.mydomain.com` to your developers and designers. Everyone can prototype from their browser without installing anything, and copy the generated code directly into the project.",{"type":70,"body":71},"tip","For a fully sovereign chain, have OpenUI and Ollama coexist in the same `docker-compose.yml` on an internal Docker network: OpenUI calls Ollama via `http:\u002F\u002Follama:11434` without ever exposing the LLM on the Internet. On the generation-quality side, a code-oriented model (CodeLlama, Qwen2.5-Coder) produces far better Tailwind\u002FReact components than a generalist model of the same size — test several and keep the one whose rendering is most faithful to your prompts.","Prototype your interfaces on a ServOrbit Cloud VPS","Deploy OpenUI (and Ollama if you wish) on a Cloud VPS with preconfigured Docker. A private, shareable UI-generation workshop, continuously available.","Discover the Cloud VPS","\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","How to Host Open WebUI on a VPS","A complete guide to deploying Open WebUI on your own VPS. Keep control of your data, avoid cloud API costs, and access your LLMs from a clean web interface.",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","Deploying Dify on a VPS: AI Workflows Under Control","Install Dify on a ServOrbit VPS to build agents, chatflows and AI apps without losing control of your data.",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","Deploying OpenClaw on a VPS","A guide to deploying OpenClaw on your own VPS. Keep control of your AI agents and your data within your own 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",1785628444015]