Case study
Digital platform for a North American sports league
Dashboards and ecommerce for a major sports league, built on Next.js App Router, TypeScript and a headless CMS, delivered through Publicis Sapient’s global network for a Fortune 500 client.
- Company
- Publicis Global Delivery (PGD) · Publicis Sapient
- Period
- Nov 2023 – Present
- My role
- Front-end architecture lead
Client work: the client isn’t named and there are no screenshots, so the architecture is described in words.
The problem
One platform had to serve two very different surfaces, content-heavy dashboards and an ecommerce storefront, fed by a headless CMS.
Approach and architecture
Led the front-end architecture: Next.js App Router with server components for content, client islands for interactive dashboards, a typed GraphQL layer over the CMS and a shared design-system package.
Architecture
- Next.js App Router with React Server Components for content-heavy pages and client islands for interactive dashboards.
- Headless CMS as the content source, consumed through a typed GraphQL layer.
- Shared design-system package consumed by dashboards and storefront alike.
Key decisions and trade-offs
- Chose App Router over Pages Router to stream server-rendered content and keep the client bundle small on ecommerce routes.
- Typed the CMS schema end to end so content model changes surface at build time, not in production.
Key facts
- Fortune 500 client
- Multi-surface: dashboards + ecommerce
Restated from the resume, with no estimates.
My role
Front-end architecture lead
Stack
- Next.js (App Router)
- TypeScript
- React
- Headless CMS
- GraphQL
- Tailwind CSS
- Vercel