Trends & Analytics Dashboard (Next.js + Highcharts)
An influencer-marketing media-intelligence platform
Overview
The trends and analytics product (internal name nextgraph), a Next.js dashboard that visualises media and influencer trends with rich, interactive charting.
The Challenge
Media-intelligence is only valuable when decision-makers can see patterns. This dashboard turns the platform’s processed data into interactive trend visualisations, time series, comparisons and rankings, in a fast, modern UI.
What We Built
A Next.js App Router application (src/app, src/components, src/lib, src/shared) using Highcharts and Recharts for visualisation, Radix UI / shadcn primitives and Tailwind for the design system, TanStack Query (incl. the Next production SSR integration) for data, Framer Motion for interactions and JWT for authenticated API access. A companion Python utility (download_images.py with Pillow) handles image asset preparation. Deployed on Vercel.
Technologies & Approach
Next.js for SSR/performance, Highcharts for production-grade charts, Radix/shadcn + Tailwind for a consistent component system, TanStack Query for data freshness. Python handles offline image processing.
Outcome / Impact
An evolving (2024-2025) analytics surface that makes the platform’s data actionable through interactive trend visualisations.
Capabilities Demonstrated
- Building interactive analytics dashboards in Next.js
- Production charting with Highcharts/Recharts
- Design systems with Radix/shadcn + Tailwind
- Authenticated, server-driven data UIs with TanStack Query