Architecture
This website is a live demonstration of my engineering principles: simplicity, performance, and longevity. It is built to be inspectable, maintainable, and cost-effective.
1Architectural Overview
The site adheres to a static-first architecture. It uses Client-Side Rendering (CSR) only where interaction is strictly necessary, preferring Static Site Generation (SSG) for all content. This approach eliminates the need for a runtime server, reducing the attack surface and operational overhead to near zero.
- Delivery: Edge-cached via CDN (Vercel Edge Network).
- Rendering: Pre-rendered HTML at build time.
- Backend: None. Content is version-controlled in Git.
2Technology Stack
Frontend
- Next.js 14 (App Router)
- TypeScript (Strict mode)
- React (Server Components favored)
- Tailwind CSS (Utility-first styling)
Infrastructure
- Vercel (Hosting & CI/CD)
- Git (Content Source of Truth)
- Zero-runtime (Static Export)
3Design System
The UI is constructed from a custom design system defined in `globals.css` via CSS variables.
- Typography: Geist Sans (Variable font) for optimal readability and performance.
- Color: Semantic `neutral` palette optimized for high contrast and dark mode support.
- Spacing: 8pt grid system for consistent vertical rhythm.
4Performance & Targets
100
Lighthouse Score
<200ms
TTFB
0
Layout Shift
A
Security Grade
5Security & Privacy
- No Trackers: Zero third-party analytics or tracking scripts.
- No Cookies: The site is stateless and does not set cookies.
- CSP: Content Security Policy headers enforcing same-origin resources.