Plataforma MEP hipotecario · Microfrontends + BFF

Contexto

Proyecto bancario regulado para compra de Dólar MEP hipotecario. Tres equipos frontend en paralelo sobre backend legacy Oracle (SOAP + REST heterogéneos), plazo fijo de 4 meses y cero tolerancia a regresiones en flujos de dinero.

Problema

Cada equipo consumía servicios Oracle directamente desde el browser o con adapters distintos. Payloads inconsistentes, errores opacos y acoplamiento entre squads impedían deploys independientes.

Solución

Diseñé 3 microfrontends por flujo de negocio (onboarding, simulación, confirmación), un shell host mínimo y una capa BFF en Node.js que orquesta 12+ servicios Oracle, normaliza errores y expone contratos TypeScript compartidos.

Arquitectura

┌──────────────────┐  ┌──────────────────┐  ┌──────────────────┐
│ MFE Onboarding   │  │ MFE Simulación   │  │ MFE Confirmación │
│ (React + TS)     │  │ (React + TS)     │  │ (React + TS)     │
└────────┬─────────┘  └────────┬─────────┘  └────────┬─────────┘
         │                     │                     │
         └─────────────────────┼─────────────────────┘
                               ▼
                    ┌──────────────────────┐
                    │   Shell host (SPA)   │
                    └──────────┬───────────┘
                               ▼
                    ┌──────────────────────┐
                    │   BFF · Node.js      │
                    │   Contratos TS       │
                    └──────────┬───────────┘
                               ▼
         ┌─────────────────────┴─────────────────────┐
         ▼                     ▼                     ▼
   Oracle SOAP           Oracle REST           Servicios internos

Timeline

1. Semanas 1–3

   Arquitectura

   Contratos TS BFF↔MFE, design system mínimo, definición de boundaries por squad.

2. Mes 2–3

   Desarrollo paralelo

   3 MFEs + BFF en paralelo. Code review cruzado entre equipos.

3. Mes 4

   Integración & go-live

   E2E en flujos de dinero, hardening de errores Oracle, deploy regulado.

Stack & herramientas

Mi rol

• Diseño de arquitectura microfrontend + BFF
• Implementación de microfrontends y contratos tipados
• Orquestación de servicios Oracle en capa BFF
• Normalización de errores y payloads para React
• Code review cruzado entre 3 equipos frontend

Impacto

• Go-live en 4 meses en proyecto regulado multi-equipo
• 3 microfrontends desplegables en paralelo sin acoplamiento de releases
• BFF orquestando 12+ servicios Oracle con contratos TypeScript compartidos
• 100% frontend en TypeScript — −~40% bugs de integración vs. adapters ad-hoc
• 3 squads frontend trabajando en paralelo sin bloquearse entre sí