Introducción
This content is not available in your language yet.
La aplicación frontend principal de Lynx está construida sobre Next.js (v16 App Router) utilizando la potencia de React 19. Esta aplicación representa el producto final de cara al usuario, encargándose de flujos de interfaz complejos, renderizado del lado del servidor (SSR) y las interacciones fluidas con nuestros servicios de backend.
Visión General
Sección titulada «Visión General»El objetivo de este módulo es ofrecer una experiencia dinámica, altamente optimizada para SEO y accesible, manteniendo la máxima compatibilidad con el ecosistema moderno de React.
[!TIP] Ecosistema React Nativo Al estar construida íntegramente sobre React mediante Next.js, esta aplicación aprovecha al máximo las características más recientes: Server Components, renderizado concurrente y hooks, garantizando un entorno robusto y escalable.
Tecnologías Base
Sección titulada «Tecnologías Base»Para trabajar eficazmente en esta aplicación, es crucial familiarizarse con las tecnologías núcleo:
- Next.js: El framework de React para la web, utilizando su paradigma de App Router.
- React: La biblioteca subyacente para construir interfaces de usuario.
- Zustand: Solución minimalista, rápida y escalable para la gestión de estado del lado del cliente.
- Better Auth: Motor de autenticación integral para Node.js.
Interacción con el Monorepo
Sección titulada «Interacción con el Monorepo»Como pilar central del ecosistema, apps/next se integra de forma directa con los siguientes paquetes internos:
| Paquete | Propósito en la Aplicación |
| :-------------------------------------------------- | :-------------------------------------------------------------------- |
| @lynx/ui | Proveedor principal de componentes UI y definiciones del tema visual. |
| @lynx/core | Origen de configuraciones base, esquemas de Zod y tipos de datos. |
| @lynx/auth | Lógica compartida de autenticación y clientes preconfigurados. |
| @lynx/models | Acceso tipado a la base de datos (PostgreSQL) usando Drizzle ORM. |
| @lynx/mail | Plantillas de correo electrónico generadas con React Email. |
Continúa a la sección de Arquitectura Lógica para entender cómo estructuramos el enrutamiento y los componentes internos.