Static Hosting

Website Architecture

S3 for storage, CloudFront for TLS and edge caching — and the reasoning behind both.

Website architecture diagram
01

Architecture Decisions

Storage

S3 bucket — a cheap and simple spot to store HTML, CSS, and JavaScript.

Encryption

CloudFront lets me secure the site with AWS Certificate Manager.

Performance

CloudFront caches content at edge locations around the world, reducing latency and improving load times.

Design

Originally built on the Massively template from HTML5 UP; now a custom three-theme system, one per section of the site.

Alarms
Standard AWS alarms on the ALB and target groups, emailing on trigger:
  • ALB — 4XX errors, 5XX errors
  • Target Group — healthy host count
  • SQS — age of oldest message, messages visible, messages invisible
  • S3 — none; the bucket is public, so there's nothing to encrypt