HBO Max Toolkit | Aydar Nuriev

Overview

HBO Max Toolkit is a React and TypeScript resource site connected to structured content through GraphQL. I contributed reusable frontend modules and publishing-workflow improvements with TVGla’s design, production, content, and engineering teams.

I worked as part of a TVGla team that included design, production, content, and engineering.

The brief

Give editors reusable page building blocks for HBO Max resources.

What I built

I contributed reusable React modules, structured GraphQL content, and improvements to the publishing workflow.

The result

TVGla's content team assembles new HBO Max pages from existing modules and uses the publishing workflow for routine updates.

HBO Max Toolkit July 2026 What's New module with a row of current title cards — 01 / Project capture

Desktop view of the HBO Max Toolkit July 2026 homepage — 02 / Project capture

Responsive mobile view of the HBO Max Toolkit homepage — 03 / Project capture

My engineering work

Contributed publishing-workflow improvements, including validation checks and an editor status dashboard
Structured content queried through GraphQL and built into static pages
Separate preview and final content pulls for recurring updates

ReactTypeScriptGraphQLCMS integrationGatsby

Build details

Visit live site

These screenshots show the reusable page layouts; current content remains on the official live site.

Content editingEditors assemble pages from structured content blocks.
GraphQL pullThe content pull prepares separate preview and final data for Gatsby.
React modulesEach content block maps to a reusable React component.
Gatsby buildGatsby renders the content as static pages for the live site.

My roleGatsby/React modules, CMS wiring, and publishing workflow: I contributed reusable frontend modules in TypeScript, structured-content wiring through GraphQL, and publishing-workflow improvements including validation checks and an editor status dashboard. The larger workflow was shared with TVGla’s design, production, content, and engineering teams.
Why staticPublish without live CMS requests: Preview and final content were prepared before Gatsby ran, so the public site served static pages instead of making live content requests for each visit.
The resultReusable modules for routine updates: TVGla's content team can assemble HBO Max pages from existing modules and use the status dashboard as part of the publishing workflow.