Internal ToolWeb Platforms

Sites Command Center

Unified dashboard for cross-project dependency, security, and environment management

Overview

The Problem

With 20+ active projects sharing API keys, dependencies, and deployment platforms, manually checking each project for outdated packages, security vulnerabilities, and environment variable consistency does not scale.

A local-only Next.js dashboard that provides a unified view across 20+ projects. It replaces the need to manually check each project for outdated dependencies, security alerts, environment variable consistency, and deployment status.

The tool scans the filesystem, reads package.json files, runs npm audit and npm outdated, fetches Dependabot alerts via the GitHub CLI, and inspects environment variables across all projects — all presented in four scannable pages.

Environment variable analysis uses SHA-256 fingerprinting (hash + last 4 characters) to detect when the same secret is reused across projects without ever exposing the full value. A JSON file cache ensures instant page loads with manual refresh for fresh scans.

20+

Projects Managed

4

Dashboard Pages

5

Data Sources

Never

Deployment

Key Features

Projects Overview

Scans ~/Sites for all projects, showing localhost ports, Supabase/Netlify status, dependency counts, git branches, and live URLs.

Environment Variable Audit

Detects shared keys across projects using SHA-256 fingerprinting. Red/green dots flag reused secrets that need rotation — without ever exposing actual values.

Dependency Health

Runs npm outdated and npm audit per project, categorising updates into security fixes (red), minor/patch (neutral), and major updates (amber) with copyable prompts.

Security Alerts

Fetches open Dependabot alerts from GitHub API with severity colour coding, per-project breakdown, and direct links to GitHub.

Terminal Integration

"Open in Terminal" buttons per project using AppleScript, plus copyable Droid prompts for automated dependency updates.

Section-Independent Caching

JSON file cache with per-section timestamps. Fast scans (projects) complete instantly while slow scans (dependencies) run independently.

Technology Stack

Frontend

Next.js 16React 19TypeScript 5Tailwind CSS 4shadcn/ui

Data Sources

Filesystem (fs)npm CLIGitHub CLI (gh)Netlify CLIGit

Cache

JSON file cache

Architecture

Local-only Next.js app with client components fetching from API routes. Scanners read from the filesystem and CLI tools, writing to a JSON file cache. Each page section caches independently — project scans are fast, dependency scans are slow.

Scanner module (filesystem + CLI tools)
JSON file cache (per-section timestamps)
API routes (serve cached data, trigger scans)
Client components (manual refresh, resolve toggles)

View More Projects

Explore the full portfolio of web platforms, data pipelines, and AI-powered tools.

Back to Portfolio