Next.jsMERNSaaS
Northwind (2026)
A full-stack analytics dashboard on Next.js and the MERN stack — real-time numbers, role-based access and server-rendered speed.
Northwind — hero mockup
— The Challenge
What needed
solving.
Northwind's team was running the business on spreadsheets and a patchwork of tools, with no single, trustworthy view of their numbers.
They needed a real-time dashboard with proper auth and roles — fast enough to check on a phone between meetings.
— The Approach
How I
built it.
I built a full-stack app on Next.js with a Node/Express API and MongoDB: role-based access, server-rendered pages for speed, and live-updating charts.
Everything was typed end to end with TypeScript so the in-house team could extend it safely after handoff.
— Process
How the work got done.
Schema design
01
Data modelling
Designing MongoDB schemas around the questions the team actually asks.
API routes
02
API & auth
A typed Express API with role-based access and session handling.
Dashboard UI
03
Dashboard UI
Server-rendered pages and live charts that stay fast under load.
Tests & docs
04
Testing & handoff
End-to-end tests, docs and a clean repo for the in-house team.
— Selected Screens
A closer look.
Overview
Reports
Team & roles
Settings
Detail view
Mobile view
— Outcomes
The work moved the numbers.
0.4s
data refresh (from 2.1s)
5
user roles supported
60+
live metrics tracked
100%
TypeScript coverage
Figures from the first production quarter with the in-house team.
— Next Project