UKHSA Data Dashboard
Next.js CMS-driven public health data dashboard for the UK Government, delivering accessible, real-time data visualisation and progressive enhancement for millions of users.
Project Overview
Developed a dual-dashboard architecture for the UK Government using Next.js, consisting of a public-facing data visualisation platform and a non-public administrative dashboard. The public dashboard sits behind an AWS CloudFront CDN for global performance, while the non-public dashboard utilises distributed Next.js ISR (Incremental Static Regeneration) cache with Redis shared across an AWS Application Load Balancer (ALB). This platform replaced a high-cost, expedited solution originally implemented during the pandemic, providing a more refined user experience and improved accessibility for millions of users.
The Challenge
Deliver a robust, accessible, and performant dual-dashboard system that meets strict GOV.UK design system requirements, supports users across varying internet speeds and devices, and passes rigorous government digital service (GDS) assessments. The architecture needed to handle high-traffic public access while maintaining secure, performant access for internal health teams.
The Solution
Leveraged Next.js server components and server actions to deliver a robust progressive enhancement strategy. The data visualisation system provides static fallback images for non-JavaScript users, interactive Plotly.js charts for JavaScript users, and accompanying tabular data views for all users, ensuring functionality across all device capabilities and user preferences.
To support independent offline development and integration testing, set up an Express-based mock server (circumventing Next.js 14/MSW issues) and integrated Zod for comprehensive runtime validation of both API responses and cookie data, streamlining external API integration and ensuring data integrity.
Results & Impact
Successfully delivered a modern, accessible, and maintainable data dashboard for the UK Government. The service passed both alpha and beta GDS assessments with thorough accessibility testing using Lighthouse and AXE, achieving full compliance with GOV.UK standards. The dashboard now empowers public health teams and the public with reliable, real-time data.