Technology Stack

Technology Stack

Docklift is built using a modern, lightweight, and performance-oriented stack.

Frontend (User Interface)

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling:
  • Tailwind CSS v3
  • Shadcn UI (Radix UI primitives)
  • tailwindcss-animate
• State/Data:
  • React Hooks (useState, useEffect)
  • Native fetch via authFetch() / fetchWithAuth() helpers (frontend/lib/auth.ts)
  • EventSource (Real-time SSE log streaming)
• Editor: Monaco Editor (VS Code logic for browser)
• Icons: Lucide React
• Notifications: Sonner
• Theming: next-themes (Dark mode)

Backend (API & Orchestration)

• Runtime: Node.js 22
• Package Manager: Bun (Fast install & script runner)
• Framework: Express 5.2
• Language: TypeScript
• Database:
  • SQLite (Local file-based DB)
  • Prisma ORM 6 (Data access)
• Docker Control: Dockerode
• Git Operations: Simple-Git
• Monitoring: Systeminformation (CPU, RAM, usage stats)
• Auth:
  • jsonwebtoken (JWT)
  • bcrypt (Password hashing)

Infrastructure

• Container Engine: Docker
• Orchestration: Docker Compose
• Web Server / Proxy: Nginx
  • docklift-nginx: Main entry point (Dashboard acting as reverse proxy)
  • docklift-nginx-proxy: Dedicated proxy for routing user deployments (Custom domains)

Integration

• GitHub App: Custom GitHub App for private repo access & push webhooks.

Development Tools

• Linting: ESLint
• Formatting: Prettier

Converted and distributed by TomeVault — claim your Tome and manage your conversions.