Discovery + roles
Reunión con stakeholders. Quién hace qué, qué ve cada rol, qué nunca debe verse. Mapa de permisos antes de pintar nada.
[ 03 ] Dashboard
Paneles que tu equipo abre todos los días.
Dashboards administrativos con flujo real: filtros persistentes, tablas que escalan, exports limpios y permisos pensados desde el día uno.
Estructura típicailustrativo
panel.tucliente.com/dashboard
¿Cómo lo abordo?
Mi forma de trabajar.
Un dashboard fallido es uno que tu equipo deja de abrir después de la primera semana. La diferencia está en el detalle: filtros que recuerdan estado, búsquedas instantáneas, atajos de teclado, exports que abren bien en Excel.
Trabajo con NestJS + Prisma para el backend. La disciplina de módulos, DI y guards paga muchos meses después, cuando el panel ya creció y necesitas agregar una feature sin romper tres más.
Permisos y roles no son afterthought. Diseño la matriz de permisos en discovery, no después de que un usuario vea cosas que no debería ver. La auditoría se decide antes de codear.
Proceso
De idea a producto.
Cinco pasos claros, con entregables y fechas en cada uno.
Schema + endpoints
Modelo de datos en Prisma, endpoints en NestJS con guards, validación con class-validator. Migraciones desde el primer commit.
Flujo en uso real
Pongo el dashboard en uso con datos reales antes de pintarlo. Si el flujo no funciona en gris, no salva el visual.
Visual design
Tipografía clara, tablas legibles, gráficos solo donde aportan. La sensación tiene que ser de herramienta — no de demo.
RBAC + deploy
Permisos finos, logs de cambios sensibles, deploy en AWS o Digital Ocean según presupuesto. Backup y monitoreo configurados.
Stack
Lo que uso y por qué.
Sin buzzwords. Solo herramientas que justifico con un trade-off claro.
- Next.js
- Server components para listas grandes (rápido y SEO-friendly si aplica), client components para interactividad. Mejor de ambos mundos.
- NestJS
- Estructura modular con DI, guards e interceptores. La disciplina paga en proyectos largos donde rotan devs en el equipo.
- Prisma
- Schema versionado, migraciones seguras, type-safety end-to-end. Tu schema es la documentación del negocio.
- PostgreSQL / MySQL
- Relacional cuando hay relaciones reales (clientes, pedidos, facturas, auditoría). MongoDB cuando el dato es realmente documental.
- AWS / Digital Ocean
- Cloud predecible. App Runner, Lambda y S3 cuando aplica; droplets cuando el equipo prefiere algo más simple.
- Socket.io
- Notificaciones en vivo y dashboards colaborativos cuando el caso lo justifica. Lo tengo en Colectyred y CVT.
Proyectos
Ver todo el portafolioTrabajos en esta categoría.
CL
ERP / SaaS
Narvanet
Plataforma de servicios de internet de Ecuador: planificación, designación de técnicos, registro de contratos y administración de routers (en colaboración con FaztTech).
NextJsNestJs
PE
ERPCastasio
Web y api rest de gestión de servicios profesionales: exhibición de servicios y contratación a través de la plataforma.
NextjsPrismaBrevo
Viñedos San Vicente
Página web de la empresa de viñedos San Vicente, con catálogo de productos, información de la empresa y ubicación.
NextJsBrevo
¿Hablamos?
¿Necesitas un panel real?
Construyo dashboards que tu equipo no abandona — no demos. Te respondo con propuesta concreta en menos de 24 horas.