Stack Tecnológico
Lynx está construido sobre una pila tecnológica moderna, segura por tipos y escalable. A continuación, se presenta un desglose detallado de las tecnologías centrales utilizadas en este proyecto.
Lynx aprovecha una variedad de bibliotecas y herramientas de código abierto para asegurar una experiencia de desarrollo robusta y eficiente.
En resumen
Section titled “En resumen”- Framework: Next.js 16+ (App Router)
- Lenguaje: TypeScript 5
- Biblioteca: React 19
- Base de datos: PostgreSQL
- ORM: Drizzle ORM
- Estilos: CSS Modules con SASS
- Pruebas: Vitest & Playwright
Desglose Detallado
Section titled “Desglose Detallado”Núcleo
Section titled “Núcleo”- Framework: Next.js 16+ (App Router) - El framework de React para la web.
- Lenguaje: TypeScript 5 - Superconjunto tipado de JavaScript.
- Biblioteca: React 19 - La biblioteca para interfaces de usuario web y nativas.
- Gestor de Paquetes: Pnpm - Gestor de paquetes rápido y eficiente en espacio de disco.
- Portabilidad: Docker - Plataforma para desarrollar, enviar y ejecutar aplicaciones en contenedores.
Experiencia del Desarrollador (DX)
Section titled “Experiencia del Desarrollador (DX)”- Formateo: Oxfmt - Formateador de código con opiniones.
- Linting: Oxlint - Linter moderno y escalable.
- Linting de Estilos: Stylelint - Linter moderno para CSS.
- Gestión de Secretos: Bitwarden SDK - Gestor de secretos de Bitwarden.
- Generación de Código: Plopfile - Generador de código de Bitwarden.
Backend y Base de Datos
Section titled “Backend y Base de Datos”- Base de Datos: PostgreSQL - La base de datos de código abierto más avanzada del mundo.
- ORM: Drizzle ORM - ORM ligero y seguro por tipos en TypeScript.
- Autenticación: Better Auth - Completa biblioteca de autenticación.
- Validación: Zod - Validación de esquemas con enfoque en TypeScript.
- Pruebas de API: Bruno - Suite ligera de pruebas de API.
Frontend y Estilos
Section titled “Frontend y Estilos”- Estilos: CSS Modules con SASS - CSS de alcance y potente.
- Utilidades: clsx - Utilidad para construir cadenas
classNamecondicionalmente. - Componentes: Componentes personalizados con integración de Bulma - Elementos primitivos para construir sistemas de diseño accesibles y de alta calidad.
- Iconos: Lucide React - Iconos bellos y consistentes.
Correo Electrónico
Section titled “Correo Electrónico”- Plantillas: React Email - Construcción de correos electrónicos utilizando componentes de React.
- Transporte: Nodemailer - Envío de correos electrónicos desde Node.js.
Documentación
Section titled “Documentación”- Nextra: Nextra - El siguiente constructor de documentación.
- MDX: MDX - JSX en documentos Markdown.
- Gestión de Lanzamientos: Semantic Release - Gestión de versiones y publicación de paquetes completamente automatizada.
- Diagramación: Excalidraw - Pizarra virtual para dibujar diagramas.
Internacionalización
Section titled “Internacionalización”- Core i18n: next-intl - Internacionalización para Next.js.
Pruebas y Aseguramiento de la Calidad
Section titled “Pruebas y Aseguramiento de la Calidad”- Pruebas Unitarias: Vitest - Framework de pruebas unitarias rápido.
- Pruebas E2E: Playwright - Pruebas end-to-end para aplicaciones web modernas.
- Hooks de Git: Husky - Hooks de Git nativos modernos.
- Convención de Commits: Commitlint - Linter de mensajes de commit.