HomeProjectsDevLogServicesAI AutomationAboutContactGet Started
Back to DevLog
adminstackinfrastructuresaas

AdminStack Command Center: Managing 12 Projects from One Dashboard

3 min read

When you're running 12+ projects, the tab situation gets out of control fast.

Railway dashboard. Supabase dashboard. Hetzner console. GitHub. Sentry. Analytics. Multiply that by 12 projects and you're swimming in browser tabs, each with its own login, its own context, its own "which project am I looking at right now?" confusion.

AdminStack's Command Center is my answer to this problem.

The concept

One dashboard. Iframe panels. Auto-login where possible. Everything you need to manage a project, visible at once.

┌─────────────────────────────────────────────┐
│  Command Center                    [project ▾] │
├──────────────┬──────────────┬───────────────┤
│              │              │               │
│   Railway    │   Supabase   │    GitHub      │
│   Deploy     │   Database   │    Commits     │
│              │              │               │
├──────────────┴──────────────┤               │
│                             │               │
│   Infrastructure Monitor    │    Sentry      │
│   CPU / Memory / Disk       │    Errors      │
│                             │               │
└─────────────────────────────┴───────────────┘

How it works

Panel system

Each panel is a configurable iframe that loads a specific service view:

interface Panel {
  id: string
  service: 'railway' | 'supabase' | 'github' | 'sentry' | 'hetzner'
  url: string
  position: { row: number; col: number; span: number }
  autoRefresh?: number // seconds
}

The layout is a CSS grid that adapts to screen size. On a 4K monitor, you get the full 3-column layout above. On a laptop, it collapses to stacked panels with tabs.

Infrastructure monitoring

The infrastructure panel pulls metrics from multiple sources:

  • Railway — deployment status, resource usage, recent deploys
  • Hetzner — VPS CPU, memory, disk via their API
  • Headroom — the context compression proxy that extends Claude Code's context window

Every 30 seconds, the dashboard polls these APIs and updates the status indicators. Green dot = healthy. Yellow = warning. Red = something needs attention.

The project switcher

The dropdown at the top switches context for ALL panels simultaneously. Select "DeedStack" and every panel reloads with DeedStack's Railway deployment, DeedStack's Supabase tables, DeedStack's GitHub repo.

This is the key insight: context switching should be one action, not twelve.

What's next

The Command Center is functional but still rough:

  • Auto-login tokens work for some services but not all (Sentry's iframe policy is... fun)
  • I want to add a terminal panel for running quick commands against any project
  • The mobile experience needs work — you really need a big screen for this to shine

But even in its current state, it's cut my "check on project X" time from 5 minutes of tab-hunting to about 10 seconds. When you're managing a portfolio of projects, that adds up fast.

Building in public means sharing the rough edges too. This one's got plenty. But it works, and it's getting better every day.

Share this post

LinkedInFacebook