Sportz Docs
The engineering handbook for Sportz: 50+ pages of ADRs and production post-mortems.
MintlifyMDXTypeScript
Writing
Articles on frontend and design engineering: performance, accessibility, security, interaction and the small details that decide whether a product feels right. Alongside them, the engineering handbooks I write as I build the systems they describe.
Articles
RSSNew34 min readPerformanceReactAccessibility
Eleven Megabytes to One: Cutting a React Landing Page From 5.1MB to 256KB
What that cost, where the weight was, and the two bugs a perfect Lighthouse score never saw.
Read article2 min readSecurityNode.js
Dropping gray-matter for a 15-Line Frontmatter Parser
gray-matter hasn't shipped a fix for its vulnerable js-yaml dependency since 2023. Here's what I replaced it with instead of accepting the risk.
Read article5 min readPerformanceReactFramer Motion
Why 15,000 Framer Motion Components Broke a Contact Page
A decorative hover-grid background was quietly blocking the main thread on mobile: here's how I found it and what actually fixed it.
Read articleDocs
2 handbooksEngineering handbooks written alongside the systems they describe: decision records, post-mortems and guides.
Stratos Docs
A Docusaurus documentation site for Stratos: ADRs, engineering stories, interview prep, and quizzes.
DocusaurusReactMDXTypeScript