Jira Remix App
Arquitectura General
🖥
Cliente · Browser
Remix UI
React + Chakra UI
Componentes visuales
clientLoader
Memory Cache → localStorage → Server
clientAction
Optimistic UI → Server → Rollback
cache miss
submit
⚡
Servidor · Vercel Serverless
serverLoader
Queries via Prisma ORM
serverAction
Mutations via Prisma ORM
query / mutation
realtime sync
🗄
Supabase
PostgreSQL
Prisma ORM + Connection Pooling
Realtime
WebSocket → Invalida cache del client
Flujo de Datos
READ
clientLoader: Memory
→
localStorage
→
serverLoader
→
PostgreSQL
WRITE
clientAction: UI optimista
→
serverAction
→
PostgreSQL
→
confirma o rollback
SYNC
Supabase Realtime
→
WebSocket
→
invalida cache del clientLoader