FeaturedBuilding Drop-In Animated Captions for Remotion
How I turned repeated subtitle work into a reusable Remotion package with transcription providers, animated styles, and a cleaner developer workflow.
Writing
Blog
Practicalnotesonarchitecture,performance,andshippingbetterproducts.
8 articles
Featured
FeaturedBuilding a Sanity Studio Plugin for Schema Markup
How I approached structured data inside Sanity Studio, why this belongs closer to the content workflow, and what the plugin solves for developers and editors.
FeaturedWhat I Learned Building TYPO SIEGE in Canvas and TypeScript
A breakdown of the game loop, input model, power-up design, and browser performance decisions behind a typing tower-defense game.
FeaturedBuilding a Gmail MCP Server for Autonomous AI Workflows
Why I built a privacy-first Gmail MCP server, what makes AI-agent integrations different from standard API wrappers, and how I structured the toolset.
FeaturedBuilding a Practical Finance Dashboard with Next.js and Supabase
A look at the tradeoffs behind a real-world finance management app: role-based access, reporting, relational data, and shipping an interface non-technical users can trust.
FeaturedExperimenting with an AI-Powered Portfolio Video in Remotion
Why I started exploring portfolio storytelling through programmatic video, what the current prototype covers, and where AI actually helps versus where it does not.
FeaturedZero Compromises: How I Hit 100/100 Lighthouse Scores with Astro & Svelte (Without Killing Animations)
I hit a perfect 100/100 Lighthouse score on a heavy Astro portfolio without removing a single animation. Here is the exact engineering roadmap to eliminate main thread blocking.
FeaturedBuilding a Motion-Heavy Astro + Svelte Portfolio (and Still Scoring 100/100 Lighthouse)
This article describes how I built a motion-heavy Astro + Svelte portfolio with Sanity, Tailwind, and AI tools while still hitting a perfect 100/100 Lighthouse score.