Docs / Install

Install Claude Usage Dashboard

This Pages site is the documentation shell for a local-first dashboard. Use it to choose an install path, understand the runtime requirements, and jump into the workflow docs once the app is running.

Why this site is static

GitHub Pages publishes a static companion site for this project: guides, screenshots, and automation artifacts. The live dashboard itself still requires a server runtime with Next.js routes, tRPC, SSE, and SQLite.

Before you install

System requirements

Desktop build

No Node.js setup required. Download the packaged app for your platform and run it locally.

  • Windows, macOS, and Linux archives are published on GitHub Releases.
  • The bundle includes the runtime, so setup is minimal.

Docker

Use Docker when you want a reproducible local deployment that mounts your Claude data.

  • Docker Engine or Docker Desktop installed locally.
  • A writable local data directory for SQLite.
  • A readable Claude session directory mounted into the container.

Source

Running from source is ideal when you want to customize UI, routes, or workflows.

  • Node.js installed locally.
  • The repository cloned to your machine.
  • Access to your local Claude session files under ~/.claude.

Detailed setup

Alternative install methods

Use Docker when you want a clean runtime boundary, or run from source when you are extending the codebase. Both routes are fully local and keep your data on your own machine.

Docker Compose

Start the app in the background and then open the dashboard in your browser.

docker compose up -d

Source workflow

Install dependencies and start the Next.js server in development mode.

npm install
npm run dev
Need the full command reference?

The README documents all supported paths in more detail, including the exact Docker mount configuration and source commands.

Sanity check

Verify the install

  1. Open the dashboard. The main dashboard should show usage metrics, quick actions, and recent activity.
  2. Run a sync if needed. Use the sync action so the local database picks up your latest Claude sessions.
  3. Open the Sessions view. Confirm that project names, timestamps, tokens, and costs appear in the session list.
  4. Open the guides hub. Use the built-in guides page to orient yourself before diving into monitoring or session detail views.

Open the guides hub next

Use the workflow docs once you have the app running so the main surfaces feel obvious instead of exploratory.

Open workflow guides

See what the dashboard looks like

Compare your local app to the committed screenshot reference if you want a quick visual sanity check.

Browse screenshots

Built from repository content with npm run pages:build.