Todos los casos de estudio
Gaming · Real-time multiplayer
ClassicArena
Juego multijugador en tiempo real para amantes de los clásicos
Lo que construimos
- 64 rutas App Router con 31 experiencias jugables (ajedrez, damas, brisca, escoba, tres en raya, conecta 4 y otros 25)
- Arquitectura WebSocket con estado compartido en servidor, latencia por debajo de 80ms
- Sistema de diseño OKLCH con paleta dedicada por tipo de juego
- Emparejamiento automático por nivel + salas privadas con código de invitación
- Sistema ELO con histórico de partidas, logros y estadísticas personales
Stack técnico utilizado
Next.js 16React 19TypeScriptTailwind 4PrismaPostgresWebSocketVercel
Decisiones de diseño + razonamiento
Elegimos una paleta índigo/violeta para evocar los clubs de juego nocturnos — nada de colores plásticos de app infantil, sino tonos profundos que invitan a sentarse y jugar mucho rato.
Cada juego tiene micro-variaciones de color (más cálido para ajedrez, más frío para damas) así el cerebro del jugador se orienta en milisegundos al pasar de una sala a otra.
Para el tiempo real evitamos Pusher y similares: WebSocket directos en Vercel Functions con fallback a polling para móviles con NAT agresivo.
Resultados medibles
Rutas totales
64
Experiencias jugables
31
Lighthouse móvil
94
Latencia P95 partida
78ms
TTFB página lobby
120ms
Bundle JS first load
142kB
¿Quieres un producto así?
Raya Lite Deploy desde 890€. Stack probado, código tuyo, deploy en 7 días.
Hablar con Fabio →