Un portal de coordinación GovTech, desde cero en 102 commits
Un solo lugar para cada pedido, cambio y aprobación entre equipos, en gobierno o en empresas.
El trabajo
Cliente: Arynvia (se abre en una pestaña nueva)
- Estado
- Construida de punta a punta por Clouditive
- Cronología
- Inicio 2026-09-25 · 102 commits en 12 días · Primer tag v0.1.0
¿Qué construyó Clouditive para este portal de coordinación?
Lo diseñamos y construimos completo.
Cada cifra sale del repositorio del producto y de su pipeline de publicación.
Clouditive diseñó las 43 pantallas del producto, con 114 frames aprobados, y construyó el producto completo en 102 commits y 12 días. El portal corre en Next.js 16, React 19 y Postgres 18, dividido en 12 contextos con límites entre módulos verificados y 9 migraciones. Cada versión es una imagen firmada con cosign, desplegada sin tráfico y promovida tras revisar su salud. Un sitio público de 9 páginas corre en un Worker de Cloudflare.
43pantallas
43 pantallas diseñadas en Figma a 1440 y 390 píxeles, con 114 frames aprobados
102commits
102 commits en 12 días, del discovery a una versión etiquetada
12contextos
12 contextos sobre Next.js 16, React 19 y Postgres 18, con límites entre módulos verificados antes de que el código salga de la máquina del ingeniero
También registrado
- Pipeline de publicación: cada versión es una imagen firmada que no recibe tráfico hasta que corren sus migraciones y pasa su revisión de salud
- Ingreso sin contraseña con enlace mágico y tope de intentos, y correo por Gmail sin claves guardadas
- Sitio público de 9 páginas en un Worker de Cloudflare
Qué hicimos, por área
Áreas de trabajo
El producto
Un solo lugar para el trabajo que cruza equipos
El personal carga una actividad paso a paso, y el portal sigue cada faltante con responsable y fecha. Cuando algo cambia, calcula a quién afecta, una persona confirma el impacto y recién entonces se avisa a esas personas. Cada equipo ve el trabajo que le toca, y el historial no se puede editar.
Se entra con un enlace mágico, sin contraseña. La búsqueda Cmd-K encuentra cualquier ítem, y una importación desde planilla trae el trabajo existente. El diseño también cubre un tablero ejecutivo, un CRM, personas, ausencias y presupuesto, una agenda editorial, Drive y Calendar, y un copiloto de IA que sugiere mientras una persona confirma.
Dos ediciones comparten el mismo código: Gobierno, para el sector público, y Empresas.
Diseño de producto y UX
43 pantallas y 114 frames, cada uno aprobado antes de construirse
El discovery produjo el inventario completo de pantallas del sitio público y del portal. Cada pantalla se diseñó en Figma a 1440 y 390 píxeles y se aprobó con un flujo de capturas aprobadas: 114 frames aprobados en total.
Arquitectura y backend
Un monolito modular con 12 contextos
Next.js 16 y React 19 sobre Postgres 18. Los límites entre módulos se verifican antes de que el código salga de la máquina del ingeniero, así que un contexto no puede meterse en otro. El esquema avanza con 9 migraciones, y la tabla de historial es inmutable.
- Organizaciones e identidad
- Correo e historial
- Actividades y faltantes
- Cambios y avisos
- Trabajo y pedidos
- Búsqueda e importación
Identidad y seguridad
Ingreso sin contraseña y correo sin claves guardadas
Se ingresa con un enlace mágico, con tope de intentos. El correo sale por Gmail con delegación de dominio, sin ninguna clave guardada. Cada imagen de una versión se firma con cosign antes de poder desplegarse.
CI/CD y publicación
Cada versión firmada, con su salud revisada antes de activarse
Un control previo al envío revisa secretos, tipos, lint y compilación antes de que el código salga de la máquina. Cada versión construye una imagen firmada con cosign, la despliega por su huella de imagen (digest), la que identifica esa compilación exacta, sin tráfico, corre las migraciones como job de Cloud Run, revisa la salud y recién entonces promueve la revisión. El primer tag es v0.1.0.
Web y QA
Un sitio de 9 páginas en Cloudflare, recorrido en un navegador real
El sitio público está hecho en Astro con Tailwind v4 sobre el contrato de tokens del producto, servido desde un Worker de Cloudflare, con el DNS y la ruta en Terraform.
Playwright lo recorre con axe sobre reglas WCAG 2.2 AA a 1440 y 390 píxeles: 10 pasos, 0 requests fallidas, 0 errores de consola y 0 violaciones de axe en las páginas evaluadas.
Stack
Servicios utilizados
Los servicios detrás de este trabajo.
En palabras del cliente
Clouditive llevó nuestro producto del discovery a una plataforma funcionando: 43 pantallas, 12 contextos, ingreso sin contraseña y versiones firmadas que corren la compilación exacta probada. Aprobamos cada pantalla en Figma y después la vimos construida, en 102 commits y 12 días.
GovTech y coordinación empresarialCTOPublicado con la aprobación del cliente.
Preguntas frecuentes
¿Qué hace el portal?
Una plataforma que reúne en un solo lugar los pedidos, cambios, faltantes y aprobaciones que cruzan los equipos de una organización, cada uno con responsable e historial, y avisa a quien corresponde cuando algo cambia.
¿Qué construyó Clouditive?
Todo: el discovery, 43 pantallas con 114 frames aprobados, el portal con 12 contextos, el sitio público de 9 páginas, el ingreso sin contraseña, el pipeline de versiones firmadas y el QA en navegador.
¿Qué ediciones tiene el portal?
Dos ediciones sobre el mismo código: Gobierno, para el sector público, y Empresas.
¿Cómo maneja el portal un cambio?
Calcula a quién afecta, una persona confirma ese impacto y recién entonces se avisa a esas personas. Cada paso queda en un historial inmutable.
¿Cómo se ingresa?
Con un enlace mágico, sin contraseña, y con tope de intentos.
¿Cómo se publican las versiones?
Cada versión es una imagen firmada con cosign, desplegada sin tráfico, migrada por un job de Cloud Run, revisada y luego promovida por revisión.
¿Qué tecnologías usa el portal?
Next.js 16, React 19, Postgres 18, Cloud Run, cosign, Astro, Tailwind v4, Cloudflare Workers, Terraform, Figma y Playwright con axe.
¿Cuánto llevó construirla?
102 commits en 12 días, desde el 25 de septiembre de 2026.
¿Qué necesitas resolver?
Respondemos cada pedido en 1 día hábil. Firmamos un NDA antes de la llamada si lo pides.