Under the Hood

Technology Stack

An overview of the software engineering, typography, design tokens, and edge infrastructure powering the MediaOne digital newsroom.

Architecture

Static (SSG)

Primary Language

Astro / TypeScript

Styling System

Tailwind CSS v4

Deployment Edge

Cloudflare Pages

Core Framework & Engine

High-performance web architecture focused on static-first rendering, rapid page delivery, and optimal Core Web Vitals.

Astro 6

v6.4.6

Static Site Generator & Core Framework

Generates zero-JavaScript static HTML by default. Pre-renders pages at build time for instant page loads and maximum edge cacheability on CDN networks.

Vite 6

v6.0.0

Frontend Build Tool & Dev Server

Next-generation frontend tooling offering lightning-fast HMR during development and optimized asset bundling for production.

Styling & Design System

An editorial design system with strict typography scaling, custom color tokens, and responsive layout primitives.

Tailwind CSS v4

v4.0.0

Utility-First CSS Engine

Configured with a central @theme block in app.css as the single source of truth for color tokens, typography scales, and layout dimensions.

@tailwindcss/vite

v4.0.0

CSS Compiler Integration

Native Vite plugin for compile-time Tailwind v4 transformations and fast style evaluation.

Typography & Iconography

Superfamily font pairing supporting bi-directional, multi-script rendering across Latin and Malayalam scripts.

Anek Latin & Anek Malayalam

Variable Webfonts

Primary Brand Typography

A metrically matched superfamily ensuring seamless font metric fallback between Malayalam text and Latin numerals/eyebrows.

Tabler Icons

v3.44.0

UI Vector System

Clean, modern vector icons for media playback controls, section navigation, and interactive UI feedback.

Media & Interactive Components

Optimized media streaming and video playback integrations tailored for high-volume news streaming.

Video.js

v10.0.0-beta.25

HTML5 Video Engine

Robust player framework for live streaming broadcasts and video-on-demand news clips.

Infrastructure & Deployment

Global distribution pipeline hosted on Cloudflare edge network.

Cloudflare Pages

Edge Platform

Global Hosting & CDN

Deploys static dist/ output globally with low-latency edge delivery, DDoS protection, and SSL termination.

Wrangler

v4.100.0

Cloudflare CLI Tooling

Automated deployment workflow and environment configuration management for Cloudflare Workers & Pages.