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 22 Signals · Zoneless · SSR Tailwind CSS v4 Design Tokens · @theme Canvas Globe Fibonacci · Float32Array Vitest 360+ tests · fast-check Kiro AI Specs · Hooks · Steering i18n · PWA · A11y · CSP · SEO Lazy Routes · @defer · Signals Content API · DynamoDB · Lambda · Zod GitHub Push triggers pipeline CodePipeline Orchestrates stages CodeBuild Build · Test · Deploy CDK Deploy Local · cdk deploy CloudFormation Stack updates Frontend S3 Bucket Static hosting · Versioned ~$0.02/mo storage CloudFront CDN Edge · HTTPS · HTTP/2 ~$0.50/mo transfer Content API (CloudFront edge) CloudFront + Gateway Edge cache + HTTP API v2 CORS · Throttled 10 req/s Lambda Node 24 · ARM64 Zod · TypeScript Dynamo DB Route 53 danielendara.com (CloudFront) · api.danielendara.com (CloudFront) · ~$0.60/mo 🌍 GLOBAL USERS · ~102 kB gzipped · 100/100/100 Lighthouse
⚡

Performance

100

Accessibility

100

Best Practices

100

SEO

167

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 + Content API with CDN/edge caching and custom domain. No servers to manage.

S3

~$0.02/mo

Storage

CloudFront

~$0.50–0.60/mo

Site + API edge cache

Route 53

~$0.50/mo

DNS

Content API

~$0.00–0.10/mo

Lambda + DynamoDB + CloudFront edge cache (free tier heavy)

⚙

Content API

Translations, social links, and SEO metadata are served from a serverless REST API fronted by CloudFront for edge caching, decoupling content updates from code deploys.

⟳

Development Workflow

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

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

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

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