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/Tailwind/React 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.
Los beneficios concretos del autoalojamiento
- 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.
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.
Despliegue paso a paso
Obtener el proyecto
Por SSH, clone el repositorio:
git clone https://github.com/wandb/openuiy sitúese después en la carpetabackend. OpenUI proporciona unDockerfilee instrucciones de build listas para usar.Elegir el backend de modelo
Para un modelo externo, indique su clave en una variable de entorno (
OPENAI_API_KEYo equivalente). Para permanecer en local, instale Ollama (curl -fsSL https://ollama.com/install.sh | sh), descargue un modelo conollama pull llama3y apunte OpenUI hacia él.Construir y arrancar el contenedor
Construya la imagen y después inicie:
docker compose up -d. OpenUI expone por defecto el puerto7878. Siga el arranque condocker compose logs -fhasta ver el servidor listo.Verificar el renderizado
Abra
http://IP_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.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).Compartir con el equipo
Comunique la URL
https://ui.mondomaine.coma 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.
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://ollama: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/React 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.
