Sistema Nacional de Juventudes
Plataforma para gestionar una organización juvenil por territorios y equipos, con permisos por rol, tablero Kanban, inventario y chat en tiempo real.
- Cliente
- Alianza para el Progreso
- Año
- 2026
- Servicio
- Aplicativos y software
- Rol
- Dirección técnica full-stack
- Formato
- Plataforma web
- Estado
- En producción
Coordinar equipos y territorios desde una sola plataforma.
La organización necesitaba gestionar sus equipos juveniles por regiones y provincias, coordinar tareas y agenda, llevar su inventario y comunicarse en tiempo real, con accesos distintos según el rol de cada persona.
Una plataforma con jerarquía de equipos y tiempo real.
Diseñamos la infraestructura y el modelo de datos en PostgreSQL con Prisma 6, y construimos sobre Next.js 16 un sistema que cubre la gestión territorial y de equipos, el inventario, las tareas y la comunicación en tiempo real.
Las actualizaciones llegan por Server-Sent Events (SSE), sin el costo adicional de los WebSockets, y cada módulo se protege con permisos por rol (RBAC).
Lo que incluye
Calendario interactivo
Vista mensual con arrastrar y soltar, categorías por color y sincronización en tiempo real.
Gestión jerárquica
Organización por regiones y provincias, y equipos con subniveles.
Permisos por rol (RBAC)
Roles múltiples, como viajes o finanzas, con acceso diferenciado por módulo.
Chat grupal
Mensajería grupal con archivos y notas de voz.
Tablero Kanban
Tablero para gestionar los proyectos y las tareas de los equipos.
Auditoría
Cada creación, edición y borrado queda registrado con el usuario y la hora.
Stack y arquitectura
- Next.js 16
- TypeScript 5
- Tailwind CSS 4
- Prisma 6
- PostgreSQL
- Server-Sent Events
- NextAuth
- Zod
- Frontend
- Next.js 16 con TypeScript 5 y Tailwind CSS 4.
- Backend
- Autenticación con NextAuth, permisos por rol y validación con Zod.
- Datos
- Prisma 6 sobre PostgreSQL, con estructuras anidadas para equipos y territorios.
- Tiempo real
- Server-Sent Events para el chat y las tareas.
Lo que resolvimos
Tiempo real sin WebSockets
Server-Sent Events en Next.js para actualizar el chat y las tareas con menos consumo de servidor que los WebSockets tradicionales.
Relaciones complejas
Estructuras anidadas recursivas en Prisma 6 para equipos y territorios, con consultas optimizadas que evitan el problema de N+1.
Auditoría completa
Registro automático de cada creación, edición y borrado, vinculado al usuario y a la hora, para una trazabilidad completa.
En detalle
- Actualizaciones en tiempo real
- SSE
- Control de acceso
- RBAC
