[{"data":1,"prerenderedAt":133},["ShallowReactive",2],{"seo-verification":3,"blog-como-alojar-openui-en-un-vps-es":6},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"blog-como-alojar-openui-en-un-vps-es",{"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":30,"intro":33,"sections":34,"ctaTitle":77,"ctaBody":78,"ctaButton":79,"ctaUrl":80,"relatedPosts":81},23,"como-alojar-openui-en-un-vps",{"fr":12,"en":13,"ar":14,"es":10},"heberger-openui-vps","how-to-host-openui-on-a-vps","كيفية-استضافة-openui-على-خادم-vps","Cómo alojar OpenUI en un VPS","Despliegue OpenUI en un VPS para generar interfaces web con IA y verlas renderizadas en directo, con su propia clave de modelo.",3,0,false,"2026-05-28T00:00:00+00:00","2026-09-07T11:26:10+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},1,"Inteligencia Artificial","intelligence-artificielle","bg-purple-500\u002F10 text-purple-400","ia",[29],{"id":23,"name":24,"slug":25,"color":26,"icon":27},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fheberger-openui-vps-poster.svg","OpenUI es una herramienta open source que genera componentes de interfaz web a partir de una simple descripción y después los renderiza en directo en el navegador. Autoalojado en un VPS, se convierte en un taller de prototipado de interfaces privado que todo su equipo puede utilizar. Le mostramos cómo desplegarlo con Docker, conectarlo a un modelo y protegerlo detrás de un reverse proxy.",[35,39,49,52,74],{"type":36,"title":37,"body":38},"h2","Por qué autoalojar OpenUI en un VPS","OpenUI está pensado para los desarrolladores front-end y los diseñadores que quieren convertir una idea («un formulario de inicio de sesión con un botón azul y una opción de contraseña olvidada») en código HTML\u002FTailwind\u002FReact funcional, renderizado al instante. En lugar de depender de un servicio en línea, alojarlo en su VPS le da un endpoint permanente, compartible mediante un enlace interno, donde cada uno puede prototipar sin instalación local. Punto clave: OpenUI necesita un modelo para generar el código; usted lo apunta o bien a un LLM externo mediante clave API, o bien a un Ollama local que corre en el mismo VPS, lo que mantiene toda la cadena en casa. El renderizado en tiempo real de los componentes acelera enormemente las iteraciones de maquetado.",{"type":40,"title":41,"items":42},"ul","Los beneficios concretos del autoalojamiento",[43,44,45,46,47,48],"Taller de prototipado de interfaces compartido mediante una simple URL interna.","Renderizado en directo de los componentes generados (HTML, Tailwind, React, Svelte).","Elección del backend de modelo: clave API externa u Ollama 100% local.","Ningún límite de generaciones impuesto por un servicio de terceros.","Exportación de código limpio, listo para copiar en la base de su proyecto.","Confidencialidad de los briefs y de las maquetas de clientes, que permanecen en su VPS.",{"type":36,"title":50,"body":51},"Requisitos de hardware y software","OpenUI en sí mismo es ligero: la aplicación (backend Python + front) cabe en un VPS de 2 vCPU y 2 a 4 GB de RAM si utiliza una clave API externa para el modelo. En cambio, si quiere mantenerlo todo en local con Ollama en la misma máquina, dimensione según el modelo: calcule entonces de 8 a 16 GB de RAM adicionales para un modelo 7B cuantizado. Prevea unos cuantos GB de disco para las imágenes Docker (y más si almacena modelos de Ollama). En cuanto al software: Ubuntu 22.04, Docker y Docker Compose, una clave API de modelo (u Ollama instalado) y un subdominio del tipo `ui.mondomaine.com`.",{"type":53,"title":54,"steps":55},"steps","Despliegue paso a paso",[56,59,62,65,68,71],{"title":57,"body":58},"Obtener el proyecto","Por SSH, clone el repositorio: `git clone https:\u002F\u002Fgithub.com\u002Fwandb\u002Fopenui` y sitúese después en la carpeta `backend`. OpenUI proporciona un `Dockerfile` e instrucciones de build listas para usar.",{"title":60,"body":61},"Elegir el backend de modelo","Para un modelo externo, indique su clave en una variable de entorno (`OPENAI_API_KEY` o equivalente). Para permanecer en local, instale Ollama (`curl -fsSL https:\u002F\u002Follama.com\u002Finstall.sh | sh`), descargue un modelo con `ollama pull llama3` y apunte OpenUI hacia él.",{"title":63,"body":64},"Construir y arrancar el contenedor","Construya la imagen y después inicie: `docker compose up -d`. OpenUI expone por defecto el puerto `7878`. Siga el arranque con `docker compose logs -f` hasta ver el servidor listo.",{"title":66,"body":67},"Verificar el renderizado","Abra `http:\u002F\u002FIP_DU_VPS:7878`, escriba una descripción de componente y confirme que el código se genera Y se renderiza en directo. Si la generación falla, compruebe la conexión al modelo en los logs.",{"title":69,"body":70},"Proteger detrás de un reverse proxy","OpenUI no tiene autenticación fuerte por defecto: coloque Caddy o Nginx delante del puerto 7878 con una Basic Auth y active el SSL automático para `ui.mondomaine.com`. Restrinja el acceso al puerto en bruto mediante el firewall (`ufw deny 7878`).",{"title":72,"body":73},"Compartir con el equipo","Comunique la URL `https:\u002F\u002Fui.mondomaine.com` a sus desarrolladores y diseñadores. Cada uno puede prototipar desde su navegador sin instalar nada, y copiar el código generado directamente en el proyecto.",{"type":75,"body":76},"tip","Para una cadena totalmente soberana, haga convivir OpenUI y Ollama en el mismo `docker-compose.yml` sobre una red Docker interna: OpenUI llama a Ollama vía `http:\u002F\u002Follama:11434` sin exponer nunca el LLM a Internet. En cuanto a la calidad de generación, un modelo orientado a código (CodeLlama, Qwen2.5-Coder) da componentes Tailwind\u002FReact mucho mejores que un modelo generalista del mismo tamaño: pruebe varios y quédese con aquel cuyo renderizado sea más fiel a sus prompts.","Prototipe sus interfaces en un VPS Cloud ServOrbit","Despliegue OpenUI (y Ollama si lo desea) en un VPS Cloud con Docker preconfigurado. Un taller de generación de interfaces privado, compartible y disponible de forma continua.","Descubrir el VPS Cloud","\u002Fvps-cloud",[82,100,117],{"id":23,"slug":83,"slugs":84,"title":88,"excerpt":89,"readTime":90,"views":18,"isPinned":19,"publishedAt":91,"updatedAt":92,"category":93,"categories":94,"featuredImage":30,"bgImage":31,"posterImage":96,"relatedSolution":97},"como-alojar-open-webui-en-un-vps",{"fr":85,"en":86,"ar":87,"es":83},"heberger-open-webui","how-to-host-open-webui-on-a-vps","كيفية-استضافة-open-webui-على-خادم-vps","Cómo alojar Open WebUI en un VPS","Guía completa para desplegar Open WebUI en su propio VPS: conserve el control de sus datos, evite pagar API en la nube y acceda a sus LLM desde el navegador.",4,"2026-06-01T00:00:00+00:00","2026-09-08T22:00:02+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},[95],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fheberger-open-webui-poster.svg",{"categorySlug":98,"appSlug":99},"inteligencia-artificial","open-webui",{"id":101,"slug":102,"slugs":103,"title":107,"excerpt":108,"readTime":109,"views":18,"isPinned":19,"publishedAt":110,"updatedAt":21,"category":111,"categories":112,"featuredImage":30,"bgImage":31,"posterImage":114,"relatedSolution":115},2,"desplegar-dify-en-un-vps",{"fr":104,"en":105,"ar":106,"es":102},"deployer-dify-vps","deploying-dify-on-a-vps-ai-workflows-under-control","نشر-dify-على-vps-سير-عمل-الذكاء-الاصطناعي-تحت-السيطرة","Desplegar Dify en un VPS: guía completa de instalación y plugins","Instale Dify en un VPS ServOrbit: requisitos reales, Docker Compose, plugins offline, reverse proxy y solución de problemas.",8,"2026-02-11T00:00:00+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},[113],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fdeployer-dify-vps-poster.svg",{"categorySlug":25,"appSlug":116},"dify",{"id":118,"slug":119,"slugs":120,"title":124,"excerpt":125,"readTime":90,"views":18,"isPinned":19,"publishedAt":126,"updatedAt":21,"category":127,"categories":128,"featuredImage":30,"bgImage":31,"posterImage":130,"relatedSolution":131},121,"alojar-openclaw-en-un-vps",{"fr":121,"en":122,"ar":123,"es":119},"heberger-openclaw-vps","hosting-openclaw-on-a-vps","استضافة-openclaw-على-خادم-vps","Alojar OpenClaw en un VPS","Aloje OpenClaw en su VPS: el asistente de IA personal open source accesible desde WhatsApp, Telegram, Discord y más de 50 apps de mensajería. Docker, LLM y HTTPS.","2026-02-23T00:00:00+00:00",{"id":23,"name":24,"slug":25,"color":26,"icon":27},[129],{"id":23,"name":24,"slug":25,"color":26,"icon":27},"\u002Fblog\u002Fcovers\u002Fheberger-openclaw-vps-poster.svg",{"categorySlug":98,"appSlug":132},"openclaw",1789665010416]