Next.jsMERNSaaS
Hallo (2026)
A full-stack analytics dashboard on Next.js and the MERN stack — real-time numbers, role-based access and server-rendered speed.
Hallo — 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