KX
01Hero
Dashlytics
← All Work

Dashlytics

Web Application — Next.js2024 · 02 / 03
50M+
Events / Day
<1s
Query Response
98
Lighthouse Score
0
Downtime Events
Web AppData ArchitectureDesign SystemAPI Layer
Overview

Analytics that actually change decisions

E-commerce brands were drowning in data but starving for insight. Dashlytics consolidates store, ad, and CRM data into a single real-time dashboard — so founders and operators can make calls based on facts, not gut. Built to process 50 million+ events per day while keeping the UI fast and readable on any device.

The Problem

The client's team was exporting CSV files from five different tools and pasting them into spreadsheets weekly. The process took 4 hours and reports were always out of date by the time they reached decision-makers.

Our Solution

Next.js 14 App Router frontend backed by a ClickHouse warehouse. Custom chart components with GSAP-animated transitions. Edge functions keep global query times under one second. Live updates via WebSocket subscriptions.

How We Built It

Execution

01
Discovery

Mapped 40 data points across 5 tools. Identified the 12 that actually drove business decisions.

02
Data Architecture

ClickHouse for the events warehouse. Airbyte for ingestion. dbt for transformations.

03
UI Design

Dark-mode-first dashboard. Every chart type justified with user research before implementation.

04
Engineering

Next.js 14 App Router. Edge runtime. Recharts + GSAP for visualisations. WebSocket live updates.

05
Testing

Beta tested with 6 real operators over 8 weeks. Iterated on drill-down flows and mobile responsiveness.

06
Scale

Handled Black Friday at 12× normal load — 600M events in 24 hours — with zero downtime.

Outcomes

Results

50M+
Events/Day
4h→5m
Reporting Time
98
Lighthouse Score
0
Downtime Events
Want something like this?
Start a Project →