Tech Stack

DBDesk is built using a modern, battle-tested tech stack designed for performance, type safety, and developer experience.

Desktop App

Core

• Electron — Cross-platform desktop app framework
• React — UI framework for building the user interface

Routing & State

• TanStack Router — Type-safe routing for React
• TanStack Query — Data fetching, caching, and synchronization
• TanStack Table — Powerful, headless table UI
• Zustand — Simple, scalable state management

Editor & UI

• Monaco Editor — The code editor that powers VS Code
• Tailwind CSS — Utility-first CSS framework
• Radix UI — Accessible, unstyled UI component primitives

Server

• Hono — Fast, lightweight web framework
• Drizzle ORM — Lightweight TypeScript ORM
• better-auth — Authentication for web applications
• PostgreSQL — The world's most advanced open source relational database

Monorepo

• Turborepo — High-performance build system for monorepos
• pnpm — Fast, disk space efficient package manager

Development Tools

• TypeScript — Typed JavaScript at any scale
• ESLint — Pluggable JavaScript linter
• Prettier — Opinionated code formatter

Architecture

dbdesk/
├── apps/
│   ├── desktop/      # Electron desktop app
│   ├── server/      # Hono API server
│   └── web/         # Next.js marketing website + docs
├── packages/
│   ├── api-client/  # Type-safe Hono RPC client
│   ├── shared/      # Shared types, schemas & utilities
│   └── tsconfig/    # Shared TypeScript configurations

Why This Stack?

We chose these technologies to deliver:

• Performance — Electron + React provides a native-like experience
• Type Safety — Full TypeScript coverage with TanStack libraries
• Developer Experience — Hot reload, code generation, and strict linting
• Maintainability — Monorepo structure enables code sharing across apps