Tech Stack

Lynx is built on a modern, type-safe, and scalable technology stack. Below is a detailed breakdown of the core technologies used in this project.

In a nutshell

• Framework: Next.js 16+ (App Router)
• Language: TypeScript 5
• Library: React 19
• Database: PostgreSQL
• ORM: Drizzle ORM
• Styling: CSS Modules with SASS
• Testing: Vitest & Playwright

Detailed Breakdown

Core

• Framework: Next.js 16+  (App Router) - The React framework for the web.
• Language: TypeScript 5  - Typed superset of JavaScript.
• Library: React 19  - The library for web and native user interfaces.
• Package Manager: Pnpm  - Fast, disk space efficient package manager.
• Portability: Docker  - Platform for developing, shipping, and running applications in containers.

Developer Experience (DX)

• Formatting: Prettier  - Opinionated code formatter.
• Linting: ESLint  - Pluggable JavaScript/TypeScript/MDX linter.
• Styling Linting: Stylelint  - Modern CSS linter.
• Secrets management: Bitwarden SDK - Bitwarden Secret Manager.
• Scaffolding: Plopfile - Bitwarden Secret Manager.

Backend & Database

• Database: PostgreSQL  - The world’s most advanced open source database.
• ORM: Drizzle ORM  - Lightweight and type-safe TypeScript ORM.
• Authentication: Better Auth  - Comprehensive authentication library.
• Validation: Zod  - TypeScript-first schema validation.
• API testing: Bruno  - Lightweight API testing suite.

Frontend & Styling

• Styling: CSS Modules  with SASS  - Scoped and powerful CSS.
• Utilities: clsx  - Utility for constructing className strings conditionally.
• Components: Custom components with built-in Bulma  integration - Primitives for building high-quality, accessible design systems.
• Icons: Lucide React  - Beautiful & consistent icons.

Email

• Templates: React Email  - Build emails using React components.
• Transport: Nodemailer  - Send emails from Node.js.

Documentation

• Nextra: Nextra  - The next docs builder.
• MDX: MDX  - JSX in Markdown documents.
• Release Management: Semantic Release  - Fully automated version management and package publishing.
• Diagramming: Excalidraw  - Virtual whiteboard for drawing diagrams.

Internationalization

• i18n core: next-intl  - Internationalization for Next.js.

Testing & Quality Assurance

• Unit Testing: Vitest  - Blazing fast unit test framework.
• E2E Testing: Playwright  - End-to-end testing for modern web apps.
• Git Hooks: Husky  - Modern native git hooks.
• Commit Convention: Commitlint  - Lint commit messages.

Tools & Utilities

• State Management: Zustand  - Small, fast, and scalable bearbones state-management solution.
• Date Handling: Day.js  - Fast 2kB immutable date time library.