CloudFront Cache Demo

Same data, two routes — one cached (60s TTL), one always fresh

Live View Direct to ALB

/live/* — ttl: 0, no CloudFront cache
Loading...
X-Cache: —

Cached View Through CloudFront

/cached/* — ttl: 60s, cached at edge
Loading...
X-Cache: —
How it works:
Both panels fetch from /api/quotes but through different paths:
/live/api/quotes → CloudFront passes through (ttl=0, all headers forwarded)
/cached/api/quotes → CloudFront caches for 60 seconds

Add a quote and watch: the Live side updates instantly, while the Cached side shows stale data until the TTL expires or you purge the cache.

CLI commands:
mecca apps show cloudfront-demo — see app status + URLs