Utility

Utility es la mejor utilidad para frontend con React, Vite y Docker: ligera, rapida y lista para desplegar.

Tecnologias

• React
• Vite
• Docker
• Nginx
• Docker Compose / Portainer

Puerto configurado

• 5273

Despliegue paso a paso

1) Ejecutar en local (modo desarrollo)

1. Instalar dependencias:

   npm install

2. Levantar el servidor dev:

   npm run dev

3. Abrir en navegador:
   • http://localhost:5273

2) Ejecutar con Docker (produccion local)

1. Construir y levantar contenedor:

   docker compose up -d --build

2. Abrir en navegador:
   • http://localhost:5273

3) Desplegar en Portainer (Stack)

1. Ir a Portainer -> Stacks -> Add stack.
2. Pegar el contenido de docker-compose.yml.
3. Deploy del stack.
4. Acceder desde el host:
   • http://localhost:5273

Acceso en red local (LAN)

Para que otros equipos de tu red entren, usa la IP local del equipo que ejecuta el contenedor o el servidor dev:

• http://<IP_LOCAL_DEL_HOST>:5273

Obtener la IP local (Windows)

Get-NetIPAddress -AddressFamily IPv4 | Where-Object { $_.IPAddress -notlike '169.254*' -and $_.IPAddress -ne '127.0.0.1' } | Select-Object IPAddress, InterfaceAlias

Habilitar el puerto 5273 en Firewall de Windows

Ejecutar PowerShell como Administrador:

New-NetFirewallRule -DisplayName "Utility 5273" -Direction Inbound -Protocol TCP -LocalPort 5273 -Action Allow -Profile Private

Eliminar la regla (opcional)

Remove-NetFirewallRule -DisplayName "Utility 5273"

Notas

• No ejecutes npm run dev y docker compose up al mismo tiempo en el mismo host usando 5273.
• Si el puerto esta en uso, libera el proceso o cambia el puerto en vite.config.js y docker-compose.yml.