Market Dashboard
An 87-page Next.js trading dashboard built for personal use. Streams tick data over WebSockets, renders charts on canvas for performance, and uses virtualized tables to handle order books with 10k+ rows without dropping frames.
TECH STACK
The Problem
Off-the-shelf trading dashboards are either Electron apps that eat 4GB of RAM or web apps that lag 30 seconds behind reality. I needed something fast, lightweight, and tailored to how I actually trade.
The Approach
Built it in Next.js with App Router. Server components handle historical data, WebSockets stream live data to client components, and charts render on canvas to avoid DOM bottlenecks.
Key Features
Real-time Order Flow
Streaming tick-level data over WebSockets with sub-second UI updates.
Options Greeks Surface
Live 3D Greeks visualization across strikes and expiries.
Correlation Heatmaps
Rolling correlation matrices across instruments, recomputed on the fly.
Virtualized Tables
Custom virtualization for order books and trade history. Renders 10k+ rows at 60fps.