Caso de estudio

Mendoza por Mí

Migración completa de Vite a Next.js para una plataforma pública provincial de alto tráfico.

  • Next.js
  • React
  • TypeScript
  • Material UI
  • TanStack Query
  • Zod
  • Keycloak

Contexto y problema

La base frontend requería una arquitectura más escalable, con mejor performance y mantenibilidad.

Enfoque

Rediseñé la arquitectura de consumo de APIs, definí estándares de componentes y migré a Next.js con SSR.

Resultados

  • Mejoras de performance y tiempos de carga.
  • Arquitectura modular para escalar equipos y features.
  • Base sólida para integraciones con organismos estatales.

Arquitectura

                            Cliente
  └─ UI (Next.js)
      ├─ Features / módulos
      │   ├─ Autenticación (Keycloak)
      │   └─ Flujos críticos
      ├─ Data layer (TanStack Query)
      ├─ Validación (Zod)
      └─ Componentes reutilizables

APIs / Servicios
  └─ Integraciones estatales