SYSTEM_BLUEPRINT

Colophon

How this site is built, deployed, and maintained — the architecture, tooling, cost, and workflow behind danielendara.com.

← Back to Home
◆

Architecture

Development CI/CD Pipeline Infrastructure Client Angular 21 Signals · Zoneless · SSR Tailwind CSS v4 Design Tokens · @theme Canvas Globe Fibonacci · Float32Array Vitest 290+ tests · fast-check Kiro AI Specs · Hooks · Steering i18n · PWA · A11y · CSP · SEO Lazy Routes · @defer · Signals View Transitions · Prerender GitHub Push triggers pipeline CodePipeline Orchestrates stages CodeBuild Build · Test · Deploy CF Invalidation Cache bust on deploy S3 Bucket Static hosting · Versioned ~$0.02/mo storage CloudFront CDN Edge locations · HTTPS · HTTP/2 ~$0.50/mo transfer Route 53 DNS · danielendara.com ~$0.50/mo hosted zone 🌍 GLOBAL USERS · ~102 kB gzipped · 100/100/100 Lighthouse
⚡

Performance

100

Accessibility

100

Best Practices

100

SEO

102

kB gzipped

●

Core Web Vitals

<1.0s

LCP

Largest Contentful Paint

<50ms

INP

Interaction to Next Paint

0

CLS

Cumulative Layout Shift

Measured via Lighthouse on desktop · Prerendered HTML + zoneless signals = near-instant interactivity

Zoneless Change Detection

No Zone.js overhead. Signals drive all reactivity for minimal runtime cost.

Lazy Loading + @defer

All routes and non-critical components load on demand. Initial payload is framework-only.

SSR + Prerender

Static HTML served instantly from the CDN edge. Incremental hydration activates interactivity.

$

Monthly Cost

~$1–2

Total monthly hosting cost for a globally distributed, HTTPS-enabled site with CDN caching and custom domain. No servers to manage.

S3

~$0.02/mo

Storage

CloudFront

~$0.50/mo

CDN + HTTPS

Route 53

~$0.50/mo

DNS

⟳

Development Workflow

1

Design with Kiro

Features are designed using Kiro specs — structured requirements, design docs, and implementation tasks with AI-assisted development.

2

Build + Test

290+ tests with Vitest and fast-check property-based testing. Strict TypeScript, ESLint, and Prettier enforce code quality.

3

Push to GitHub

Every push to master triggers AWS CodePipeline automatically. CodeBuild runs the full build, tests, and deploys artifacts to S3.

4

Deploy to Edge

S3 sync with smart cache headers, followed by CloudFront invalidation. Live globally in under 60 seconds.

← Back to Home