[{"data":1,"prerenderedAt":176},["ShallowReactive",2],{"seo-verification":3,"blog-como-alojar-openui-en-un-vps-ma-es":6,"promo-bar-likely":167},{"google":4,"bing":5},"EycwPY2XMyTkVzas3n1ygeNJFGAH513qrMjfDljzsMQ","",{"key":7,"data":8},"blog-como-alojar-openui-en-un-vps-ma-es",{"id":9,"slug":10,"slugs":11,"title":15,"excerpt":16,"readTime":17,"views":18,"isPinned":19,"noindex":19,"publishedAt":20,"updatedAt":21,"category":22,"categories":27,"featuredImage":29,"bgImage":30,"posterImage":31,"relatedSolution":29,"intro":32,"sections":33,"ctaTitle":116,"ctaBody":117,"ctaButton":118,"ctaUrl":119,"relatedPosts":120},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 (de Wandb) en un VPS para generar componentes HTML\u002FTailwind\u002FReact a partir de descripciones de texto, renderizarlos en directo y compartirlos con su.",8,1,false,"2026-05-28T00:00:00+00:00","2026-10-18T21:57:59+00:00",{"id":18,"name":23,"slug":24,"color":25,"icon":26},"Inteligencia Artificial","intelligence-artificielle","bg-purple-500\u002F10 text-purple-400","ia",[28],{"id":18,"name":23,"slug":24,"color":25,"icon":26},null,"\u002Fblog\u002Fcovers\u002Fbg.svg","\u002Fblog\u002Fcovers\u002Fheberger-openui-vps-poster.svg","OpenUI es una herramienta open source desarrollada por Wandb que genera componentes de interfaz web a partir de una simple descripción textual y después los renderiza en directo en el navegador. No hay que confundirla con Open WebUI (una interfaz de chat para Ollama\u002FLLM): OpenUI es un generador de código de interfaz de usuario. Autoalojada en un VPS, se convierte en un taller de prototipado de interfaces privado que todo su equipo puede usar sin depender de ningún servicio externo. Le mostramos cómo desplegarla con Docker, conectarla a un modelo, protegerla detrás de un reverse proxy y tenerla lista para uso en producción.",[34,38,48,51,73,76,79,104,107,110,113],{"type":35,"title":36,"body":37},"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 el navegador. En lugar de depender de un servicio en línea con límites de generación y riesgos de privacidad, 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 LLM para generar el código — usted lo apunta o bien a un modelo externo mediante clave API (OpenAI, Anthropic, Mistral…), 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":39,"title":40,"items":41},"ul","Los beneficios concretos del autoalojamiento",[42,43,44,45,46,47],"Taller de prototipado de interfaces compartido mediante una simple URL interna, sin instalación en el cliente.","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":35,"title":49,"body":50},"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. Si quiere mantenerlo todo en local con Ollama en la misma máquina, dimensione según el modelo objetivo: calcule entonces de 8 a 16 GB de RAM adicionales para un modelo 7B cuantizado (ej. Qwen2.5-Coder-7B-Q4), y hasta 32 GB para un 13B. Prevea unos cuantos GB de disco para las imágenes Docker (y más si almacena modelos de Ollama — cada modelo pesa entre 4 y 8 GB). En cuanto al software: Ubuntu 22.04, Docker y Docker Compose, una clave API de modelo (u Ollama instalado), git y un subdominio configurado del tipo `ui.midominio.com` apuntando a su VPS.",{"type":52,"title":53,"steps":54},"steps","Despliegue paso a paso",[55,58,61,64,67,70],{"title":56,"body":57},"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. Verifique la rama actual: `git log --oneline -3` para asegurarse de partir de un commit estable.",{"title":59,"body":60},"Elegir el backend de modelo","Para un modelo externo, indique su clave en una variable de entorno (`OPENAI_API_KEY` o equivalente según el proveedor). Para permanecer en local, instale Ollama (`curl -fsSL https:\u002F\u002Follama.com\u002Finstall.sh | sh`), descargue un modelo orientado a código con `ollama pull qwen2.5-coder:7b` y apunte OpenUI hacia él mediante `OLLAMA_HOST=http:\u002F\u002Flocalhost:11434`.",{"title":62,"body":63},"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 mensaje de servidor listo. Si el build falla en las dependencias de Python, asegúrese de usar el `Dockerfile` que se encuentra en `backend\u002F`.",{"title":65,"body":66},"Verificar el renderizado","Abra `http:\u002F\u002FIP_VPS:7878`, escriba una descripción de componente (ej. «un botón primario con icono y estado deshabilitado») y confirme que el código se genera Y se renderiza en directo en la vista previa. Si la generación falla con un error de conexión al modelo, compruebe los logs y asegúrese de que la variable de entorno de la clave API está correctamente inyectada.",{"title":68,"body":69},"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.midominio.com`. Restrinja el acceso al puerto en bruto mediante el firewall (`ufw deny 7878`). Consulte la sección dedicada más abajo para la configuración completa de Nginx.",{"title":71,"body":72},"Compartir con el equipo","Comunique la URL `https:\u002F\u002Fui.midominio.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":35,"title":74,"body":75},"Configuración de nginx y TLS","Aquí tiene una configuración mínima de nginx para exponer OpenUI con Basic Auth y HTTPS. Cree `\u002Fetc\u002Fnginx\u002Fsites-available\u002Fopenui` con: un `upstream openui_backend` apuntando a `127.0.0.1:7878`, y un bloque `server` escuchando en el puerto 443 con su certificado (Let's Encrypt mediante Certbot o DNS-01). En el bloque `location \u002F`, añada `proxy_pass http:\u002F\u002Fopenui_backend`, `proxy_http_version 1.1`, las cabeceras `Upgrade` y `Connection` para WebSocket (OpenUI usa conexiones persistentes para el renderizado en tiempo real), y `auth_basic` con un fichero `.htpasswd` generado por `htpasswd -c \u002Fetc\u002Fnginx\u002F.htpasswd user`. Añada un segundo bloque `server` en el puerto 80 que redirija con un 301 a HTTPS. Active el sitio con `ln -s` en `sites-enabled` y recargue nginx. Recuerde bloquear el puerto 7878 directamente: `ufw deny 7878` para que ningún acceso no autenticado sea posible saltándose el proxy.",{"type":35,"title":77,"body":78},"OpenUI frente a Open WebUI: dos herramientas que no hay que confundir","La confusión es frecuente en las búsquedas y los debates: OpenUI (de Wandb\u002FW&B) y Open WebUI son dos proyectos distintos con usos muy diferentes. OpenUI genera código de componentes de interfaz de usuario a partir de una descripción textual — es una herramienta de prototipado y generación de código front-end. Open WebUI es una interfaz de chat web para interactuar con LLM (Ollama, OpenAI…), similar a lo que ofrece ChatGPT pero autoalojado. En resumen: si quiere crear componentes de UI mediante descripción, use OpenUI. Si quiere una interfaz de chat para sus modelos locales, use Open WebUI. Ambos pueden coexistir en el mismo VPS y compartir el mismo backend de Ollama — se complementan sin competir.",{"type":80,"title":81,"headers":82,"rows":85},"comparison","OpenUI vs Open WebUI: ¿qué herramienta para qué caso de uso?",[83,84],"OpenUI (Wandb)","Open WebUI",[86,89,92,95,98,101],[87,88],"Genera componentes HTML\u002FTailwind\u002FReact\u002FSvelte","Interfaz de chat web para LLM (tipo ChatGPT autoalojado)",[90,91],"Renderizado visual en directo en el navegador","Gestión multi-modelo, RAG, historial de conversaciones",[93,94],"Exportación del código fuente listo para integrar","Ideal para asistencia, investigación y tareas generales",[96,97],"Ideal para prototipado de UI y generación de código front-end","Requiere Ollama o una API compatible con OpenAI",[99,100],"Requiere un LLM (API externa u Ollama local)","Gestión de usuarios y roles integrada",[102,103],"Puerto por defecto: 7878","Puerto por defecto: 3000",{"type":35,"title":105,"body":106},"Configuración avanzada con docker-compose","Para una cadena completamente soberana, haga convivir OpenUI y Ollama en el mismo `docker-compose.yml` sobre una red Docker interna. Defina dos servicios: `ollama` (imagen `ollama\u002Follama`) y `openui` (imagen construida desde `.\u002Fbackend`). Añada una red personalizada `ai_net` y adjunte ambos servicios a ella. En las variables de entorno de OpenUI, apunte el backend a `http:\u002F\u002Follama:11434` — el DNS de Docker resuelve el nombre del servicio automáticamente sin exponer nunca Ollama a Internet. En cuanto a la calidad de generación, un modelo orientado a código (Qwen2.5-Coder, CodeLlama) 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. Para activar la persistencia de sesiones y preferencias de usuario, monte un volumen Docker en el directorio de datos de OpenUI (`\u002Fapp\u002F.openui`) con el fin de conservar la configuración entre reinicios.",{"type":35,"title":108,"body":109},"Variables de entorno y autenticación en producción","OpenUI reconoce varias variables de entorno útiles para un despliegue seguro. `OPENAI_API_KEY`: clave para modelos compatibles con OpenAI (OpenAI, Mistral, Groq…). `ANTHROPIC_API_KEY`: para los modelos Claude de Anthropic. `OLLAMA_HOST`: URL del backend de Ollama (ej. `http:\u002F\u002Follama:11434` en Docker Compose). `HOST` y `PORT`: dirección de escucha interna (deje `0.0.0.0:7878` detrás del proxy). Nunca almacene sus claves API en texto plano en `docker-compose.yml`: use un fichero `.env` (añadido a `.gitignore`) o un gestor de secretos. Como la autenticación nativa de OpenUI es limitada, prefiera la Basic Auth de nginx para un acceso restringido al equipo, o un proxy de identidad (Authelia, Authentik) si necesita SSO y registros de acceso por usuario.",{"type":35,"title":111,"body":112},"Solución de problemas: errores más comunes","Estos son los problemas más frecuentes al desplegar OpenUI en un VPS. **Puerto 7878 inaccesible**: compruebe que el firewall permita el puerto temporalmente para las pruebas (`ufw allow 7878`) o pruebe desde el propio VPS con `curl http:\u002F\u002Flocalhost:7878`. **Error de conexión al modelo**: verifique que la variable de entorno de la clave API está correctamente inyectada (`docker compose exec openui env | grep API`). Si usa Ollama local, compruebe que está en marcha y accesible (`curl http:\u002F\u002Flocalhost:11434\u002Fapi\u002Ftags`). **Fallo del build de Docker**: asegúrese de construir desde la carpeta `backend\u002F`, no desde la raíz del repositorio. **Vista previa vacía tras la generación**: OpenUI usa WebSocket para el renderizado en tiempo real — verifique que su configuración de nginx pase las cabeceras `Upgrade: websocket` y `Connection: Upgrade`. **Memoria insuficiente con Ollama**: si el contenedor es eliminado (OOMKilled), reduzca el tamaño del modelo (pase a un 3B o un 7B cuantizado Q4) o aumente la RAM de su VPS.",{"type":114,"body":115},"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",[121,139,157],{"id":18,"slug":122,"slugs":123,"title":127,"excerpt":128,"readTime":129,"views":18,"isPinned":19,"noindex":19,"publishedAt":130,"updatedAt":131,"category":132,"categories":133,"featuredImage":29,"bgImage":30,"posterImage":135,"relatedSolution":136},"como-alojar-open-webui-en-un-vps",{"fr":124,"en":125,"ar":126,"es":122},"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.",9,"2026-06-01T00:00:00+00:00","2026-11-09T20:55:18+00:00",{"id":18,"name":23,"slug":24,"color":25,"icon":26},[134],{"id":18,"name":23,"slug":24,"color":25,"icon":26},"\u002Fblog\u002Fcovers\u002Fheberger-open-webui-poster.svg",{"categorySlug":137,"appSlug":138},"inteligencia-artificial","open-webui",{"id":140,"slug":141,"slugs":142,"title":146,"excerpt":147,"readTime":148,"views":18,"isPinned":19,"noindex":19,"publishedAt":149,"updatedAt":150,"category":151,"categories":152,"featuredImage":29,"bgImage":30,"posterImage":154,"relatedSolution":155},2,"desplegar-dify-en-un-vps",{"fr":143,"en":144,"ar":145,"es":141},"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","Instala Dify en un VPS de ServOrbit: requisitos, Docker Compose, plugins offline, límites de la instalación Docker, copia antes de actualizar y solución de errores.",15,"2026-02-11T00:00:00+00:00","2026-10-29T03:10:23+00:00",{"id":18,"name":23,"slug":24,"color":25,"icon":26},[153],{"id":18,"name":23,"slug":24,"color":25,"icon":26},"\u002Fblog\u002Fcovers\u002Fdeployer-dify-vps-poster.svg",{"categorySlug":24,"appSlug":156},"dify",{"id":158,"slug":159,"slugs":160,"title":164,"excerpt":165,"readTime":166,"views":18,"isPinned":19,"noindex":167,"publishedAt":168,"updatedAt":169,"category":170,"categories":171,"featuredImage":29,"bgImage":30,"posterImage":173,"relatedSolution":174},121,"alojar-openclaw-en-un-vps",{"fr":161,"en":162,"ar":163,"es":159},"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.",4,true,"2026-02-23T00:00:00+00:00","2026-11-09T20:55:19+00:00",{"id":18,"name":23,"slug":24,"color":25,"icon":26},[172],{"id":18,"name":23,"slug":24,"color":25,"icon":26},"\u002Fblog\u002Fcovers\u002Fheberger-openclaw-vps-poster.svg",{"categorySlug":137,"appSlug":175},"openclaw",1794270571241]