Arquitectura Web Boost CRM

Stack

• Next.js 16 (App Router)
• React 19
• Tailwind CSS v4
• [REDACTED] para sesión

Principio de composición

1. page.tsx server-first.
2. Interactividad aislada en componentes client.
3. Servicios en app/services.
4. Tipos compartidos en app/types y @repo/shared-types.

Shell protegido

• app/(protected)/layout.tsx: Sidebar + Topbar + capa de notificaciones.
• proxy.ts: gate de acceso para rutas autenticadas.

Módulos funcionales

• dashboard
• cartera
• catalogo
• agenda
• interacciones
• kanban
• campanas
• chats-sin-asignar

Riesgos críticos

• Cambios en auth/session pueden romper login global.
• Drift entre servicios mock/real puede romper flujos de QA.