Cost Analysis Page

Route: /cost Rendering: Static (SSG) Auth: None (public) Source: src/pages/cost.astro

Purpose

A portfolio-grade case study that demonstrates ArgoBox runs a production platform worth ~$40,000/year on cloud providers for just $432/year. Targets three audiences:

Employers — demonstrates engineering depth and cost-conscious architecture
Clients — shows what can be built for them at a fraction of cloud costs
Community — showcases what's achievable with free tiers and self-hosted compute

Page Structure

1. Hero Section

Animated counter from $0 to $40,000 (what it costs on AWS)
"I pay $432" gradient headline
Stats bar: $0 cloud bill, 9 free CF services, 27 modules, 80+ APIs
CTAs: "See The Breakdown" (anchor scroll) + "View The Homelab" (link)

2. What's Running

Eight feature cards establishing platform scale before showing cost:

Web Platform, Edge-Native Email, AI Gateway, CI/CD Pipeline
Build Swarm, Security & Pentest, Multi-Site Network, Storage & RAG

3. What I Pay

Transparent cost table — every line item with monthly and annual:

Sentinel VPS: $4.99/mo (Hetzner cpx11)
Domain: ~$1/mo
Electricity: ~$30/mo
Everything else: $0
Total: ~~$36/mo (~~$432/yr)

4. Cloudflare Free Tier Stack

Nine CF services with free tier limits and cloud replacement values:

Pages, Workers, D1, KV, R2, Email Routing, Tunnels, Access, DNS
Combined replacement value: $78–318/month

5. Cloud Provider Comparison

Feature-by-feature pricing table (platform services only):

ArgoBox: $0/mo
AWS: $109/mo (Amplify, RDS, ElastiCache, S3, SES, CloudFront, Route 53, Cognito+ALB, VPN, CodePipeline, WAF)
Google Cloud: $133/mo
Azure: $88/mo
Includes egress bandwidth note (AWS $0.09/GB, GCP $0.12/GB, Azure $0.087/GB vs CF $0)

6. Full Infrastructure Comparison

Full stack including compute (VMs, containers, storage, GPU):

ArgoBox: $36/mo ($432/yr)
Hetzner: $1,030/mo ($12,360/yr)
AWS: $3,100/mo ($37,200/yr)
Google Cloud: $2,800/mo ($33,600/yr)
Azure: $2,600/mo ($31,200/yr)
97% savings highlight with animated counter

7. Why This Works

Four engineering decision cards:

Free-Tier Architecture — rewrote content pipeline to stay under CF Worker 3MB limit
Self-Hosted Backbone — hardware has no monthly bill
Smart Failover Chains — AI routes Groq free → OpenRouter → NVIDIA NIM
One-Push Deployment — git push triggers full 7-step build chain

8. CTA Section

"I can build this for you. Or teach you how to build it yourself." Three service cards:

Build — infrastructure that doesn't bleed money
Teach — workshops, consulting, hands-on pairing
Hire — engineer who treats cost as first-class constraint
Primary CTA: "View Services" → /services
Secondary links: /community, /homelab, /contact

Navigation

Added to Header.astro under the Infrastructure dropdown:

Label: "Cost Analysis"
Icon: fa-solid fa-chart-pie
Description: "$40K platform for $432/year"
Position: second item (after Home Lab, before Architecture)

Technical Implementation

Data Architecture

All comparison data defined as typed objects in Astro frontmatter:

features[] — what the platform runs
costs[] — monthly cost breakdown
cfStack[] — Cloudflare free tier services
comparisonRows[] — per-feature cloud comparison
providerTotals — computed from comparisonRows
fullStack[] — full infrastructure comparison
decisions[] — engineering decision cards

Visual Features

Animated counters — data-count-to + IntersectionObserver, cubic ease-out
Scroll-reveal — sections fade up when scrolled into view
Hero glow — radial gradient behind hero content
Color-coded providers — AWS orange, GCP blue, Azure cyan, Hetzner red, ArgoBox cyan
Glass morphism — consistent with site-wide glass-morphism.css

Patterns Used

BaseLayout + Starfield + Nebula (matches homelab, architecture pages)
<style is:global> for JS-rendered content
astro:page-load for all event listeners (View Transitions compatible)
Responsive: single-column collapse at 768px, further simplification at 480px
prefers-reduced-motion disables all animations

Key Term: Edge-Native Email

ArgoBox's email system uses CF Email Routing → CF Worker → D1/R2. It's not self-hosted (no Postfix/Dovecot), not third-party (not Google Workspace), and not SaaS. Custom-built on edge primitives. The term "edge-native email" was coined for this page.

Pricing Methodology

All prices are the minimum production-viable option from each provider's 2026 pricing:

No cherry-picking expensive tiers
No free-trial pricing
AWS/GCP/Azure prices are on-demand (no reserved instances)
Egress noted separately (major AWS cost that CF eliminates)
Hardware depreciation addressed in footnote ($7K over 5 years = $117/mo, still 89% cheaper than Hetzner)

/homelab — infrastructure hardware showcase
/architecture — network topology and systems
/build-swarm — distributed build system dashboard
/about — operator bio and capabilities
/contact — contact form