Primitive 07 / Tile

CDN cache tile

One tile per pattern. Hit ratio bar tone shifts from red through green based on the rate, TTL is shown in minutes and the live RPM is rendered with tabular-nums. The purge button disables while a purge is in flight.

Production answer

CDN cache tile is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview CDN cache tile states
Generative search brief

CDN cache tile: One tile per pattern. Hit ratio bar tone shifts from red through green based on the rate, TTL is shown in minutes and the live RPM is rendered with tabular-nums. The purge button disables while a purge is in flight.

State A · 98.4% hit ratio · immutable Next chunks
CDN cache/_next/static/*

Built JS + CSS chunks · immutable with hashed filenames

Live
Hit ratio98.4%
TTL525600min
Req/min8,420
Cache hit ratio for /_next/static/*
State B · 61.2% hit ratio · stale-while-revalidate search
CDN cache/api/parts/search

Parts search · stale-while-revalidate (30s)

Live
Hit ratio61.2%
TTL1min
Req/min442
Cache hit ratio for /api/parts/search
State C · purge in flight · varies-by-suburb local SEO pages
CDN cache/locations/*

Local-SEO pages — varies by suburb

Purging
Hit ratio48.6%
TTL60min
Req/min188
Cache hit ratio for /locations/*