Real-time & Comunicación
WebSocket y Server-Sent Events resuelven el mismo problema — datos que llegan sin que el cliente los pida — pero de formas distintas. WebSocket abre un canal bidireccional de verdad, necesario cuando el cliente también necesita hablar — como en un chat. SSE es más simple y corre sobre HTTP puro: ideal para feeds de eventos y notificaciones que solo fluyen del servidor al cliente. Esta demo va a poner ambos enfoques lado a lado, incluyendo: ¿qué pasa cuando la conexión se cae?
Tecnologías
- WebSocket API
- Ably/Pusher
- Server-Sent Events
- Next.js API Routes (streaming)
Arquitectura
- Canales de WebSocket (bidireccional) y Server-Sent Events (unidireccional) conviviendo en la misma feature
Conceptos
- Ciclo de vida del WebSocket
- SSE vs WebSocket
- Interfaz optimizada
- Patrón broadcast
Área de demostración
La demostración interactiva de esta funcionalidad estará disponible próximamente.
Próximamente
La demostración interactiva de Real-time & Comunicación está en desarrollo. La arquitectura y los detalles técnicos ya están documentados arriba.
Dashboards
Dashboard de observabilidad inspirado en herramientas como Grafana, que simula en tiempo real la salud de una aplicación distribuida a través de métricas, eventos, gráficos interactivos y escenarios de incidentes.
Arquitectura de Micro-frontends
Un diagrama vivo del Feature-Sliced Design de este proyecto, más una demo de Module Federation con dos micro-apps independientes conviviendo.