See your pipelines. Clearly.
Pipeline visualization in action
See how DeployViewer renders your CI/CD pipelines as clear, readable timelines.
feat/deploy-viewer-v2
a3f8c21 — Add real-time pipeline streaming
Everything you need to observe CI/CD
Built for developers and DevOps teams who want pipeline visibility without the complexity.
Pipeline Visualization
Interactive timelines showing every stage and job with real-time status updates.
DORA Metrics
Track deployment frequency, lead time, MTTR, and change failure rate automatically.
Environment Dashboard
Monitor all environments from dev to production with live deployment status.
Real-time SSE
Watch pipelines progress live via Server-Sent Events — zero page refreshes.
Architecture
Built with modern full-stack patterns
DeployViewer follows a clean server-component-first architecture with real-time streaming, typed queries, and edge-ready deployment. Every design decision optimizes for developer experience and performance.
- Server Components for zero-JS data fetching
- SSE streaming for real-time pipeline updates
- Typed Supabase queries with RLS policies
- DORA metrics computed from raw pipeline data
Data Flow
GitLab API
Pipelines, jobs, environments
Next.js API Routes
Sync, transform, cache
Supabase PostgreSQL
Persist & query
SSE Stream
Real-time push to client
React Dashboard
Visualize & interact
Technology