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 358+ 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 API Gateway HTTP API v2 · CORS Throttled · 10 req/s Lambda Node 22 · ARM64 Zod · TypeScript Dynamo DB Route 53 danielendara.com · api.danielendara.com · ~$0.50/mo 🌍 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

Content API

~$0.00/mo

Lambda + DynamoDB (free tier)

⚙

Content API

Translations, social links, and SEO metadata are served from a serverless REST API, decoupling content updates from code deploys.

API Gateway

HTTP API with CORS, routes requests to Lambda functions.

Lambda

Node.js 22 (ARM64) handlers — one per endpoint, TypeScript.

DynamoDB

Single-table design, on-demand billing, sub-ms reads.

Static Fallback

If the API is unreachable, the app falls back to bundled static data — zero downtime.

Request Caching

Per-locale translation cache and deduplicated fetch promises — 3 API calls max on page load.

Rate Limiting

API Gateway throttling at 10 req/sec with 20 burst — prevents abuse at zero cost.

Input Validation

Zod schema validation on all path parameters — type-safe request handling.

Structured Logging

JSON logs with correlation IDs and request context — CloudWatch native.

CloudWatch Alarms

Error rate and 5xx alerts on all endpoints — free tier, zero config.

X-Ray Tracing

Distributed tracing across API Gateway and Lambda — free tier: 100k traces/month.

⟳

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