web
joshloredo.com
This very site. Built with Astro, zero JavaScript by default, AMOLED-dark design, and self-hosted variable fonts.
Overview
My personal site and portfolio, built from scratch with Astro. Static output, no client-side framework, and a design system rooted in pure black backgrounds and monospace accents.
Architecture
- Framework — Astro 5.x with static output adapter
- Styling — CSS custom properties, scoped styles, zero frameworks
- Typography — Self-hosted Geist and Geist Mono variable fonts
- Content — Markdown collections with Zod schema validation
Key Features
- Zero JavaScript on most pages — only ClientRouter for view transitions
- AMOLED-optimized pure black (#000) design
- Intersection Observer scroll animations with reduced-motion support
- Content Collections for type-safe blog and project data
- Sub-700ms build times