Skip to Content
EsTech Stack

Tech Stack

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

  • 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

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)

  • Formateo: Prettier  - Formateador de código con opiniones.
  • Linting: ESLint  - Linter de JavaScript/TypeScript/MDX conectable.
  • 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

  • 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

  • Estilos: CSS Modules  con SASS  - CSS de alcance y potente.
  • Utilidades: clsx  - Utilidad para construir cadenas className condicionalmente.
  • 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

  • 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

  • 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

  • Core i18n: next-intl  - Internacionalización para Next.js.

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.

Herramientas y Utilidades

  • Gestión de Estado: Zustand  - Solución de gestión de estado pequeña, rápida y escalable.
  • Manejo de Fechas: Day.js  - Biblioteca de fechas y tiempos, rápida y de 2kB, inmutable.
Last updated on
Internacionalización