Writing Archive
Guides, deep dives, and practical lessons on web development, AI tooling, and clean architecture.
Building a 37-tool free SaaS directory with affiliate monetization, open-source community data, and live search — all in under 2 hours with Astro and Tailwind.
How debugging a 30-second gateway response led to building the first cross-platform diagnostic toolkit for ClawHub.
The journey of shipping a production-grade loadout planner — data quality, 47 tests, CI pipeline, SEO guides, and a 10-phase master plan.
How to build dark mode properly. Contrast ratios, color mapping, reduced motion, and the CSS techniques that make it work.
How to leverage LLMs as an Architect-Dad to ship production-grade code 10x faster without sacrificing quality or security.
How to implement privacy-first, cookie-free Plausible analytics in Astro 6 without compromising your 100/100 Lighthouse score or annoying users with banners.
A practical comparison of deploying Astro 6 sites. Build times, cold starts, pricing, and edge rendering across the three major platforms.
A practical comparison of API approaches for full-stack TypeScript apps. When REST wins, when tRPC eliminates it, and when GraphQL is overkill.
Practical TypeScript patterns for catching errors at compile time. Discriminated unions, exhaustive checks, branded types, and more.
A deep dive into hardening AI-driven CI/CD pipelines and web applications. Learn how to defeat command injection and XSS in modern Astro/React stacks.
Architecting resilient, self-healing automated content pipelines with Astro 6, GitHub Actions, and strict security boundaries for zero-touch publishing.
Mitigate async data bottlenecks in Astro 6 content collections using Promise.all() parallelization. Learn how to architect zero-waterfall layouts.
A comprehensive guide on authenticating and querying the Xbox Live API using the xbx-api library in modern web applications.
Why forcing dark mode is an accessibility failure, and how to build a zero-FOUC, hardware-accelerated light/dark toggle using native CSS and Astro.
A highly technical guide on building zero-maintenance, automated AI content pipelines using Astro 6 content collections, GitHub Actions, and LLMs.
A deep dive into architecting an automated, Git-backed content pipeline using GitHub Actions, TypeScript, and the Gemini API for continuous publishing.
A definitive pillar guide to the AI-driven iOS app lifecycle, detailing how vibecoding transforms prototyping into production-ready software in 2026.
How to build blazingly fast, minimalist web apps using Astro 6, React Islands, and Nanostores for state management. Zero-BS engineering for scale.
A complete guide to building Chrome extensions using the Agentic Software Development Lifecycle (ADLC), Manifest V3, and built-in Gemini Nano in 2026.
A professional guide to the 2026 AI-native Software Development Lifecycle for building production-grade Android Play Store apps using vibe coding.
Everything you need to know about XML sitemaps, submitting to Google Search Console, and capturing long-tail keywords in the era of AI-driven discoverability.
A practical App Store Optimization (ASO) guide to help your AI-generated app rank higher on the Google Play Store.
Architect-level strategies for App Store Optimization (ASO). Learn how to rank higher, optimize keywords, and drive organic installs without paid ads.
A pragmatic guide to getting your AI-generated app approved on the Google Play Store. Focus on core policies, privacy, and functionality.
A straightforward guide for vibe coders to navigate Apple's App Store submission policies, avoid rejections, and ship fast with minimal friction.
How to architect a minimalist, zero-tracker engagement dock using React, Nanostores, and local storage in Astro.
The paradigm shift from lexical indexing to Retrieval-Augmented Generation. How to structure your content for AI search engines like ChatGPT and Perplexity.
A zero-BS guide to Google's Gemma 4, the 256K context open model, and how to win the Kaggle Gemma 4 Good Hackathon.
How to implement client-side category filtering in Astro without React state or hydration. A deep dive into zero-BS DOM manipulation for maximum performance.
How I architected a zero-JS-by-default developer portfolio using Astro 6, React Islands, and Nanostores for state management.
A deep dive into the exact AI-driven workflow I use to accelerate full-stack development, from Cursor to Claude 3.5.
Why I chose Astro 4+ and React Islands for the new Creator Hub.
Building a 37-tool free SaaS directory with affiliate monetization, open-source community data, and live search — all in under 2 hours with Astro and Tailwind.
How debugging a 30-second gateway response led to building the first cross-platform diagnostic toolkit for ClawHub.
The journey of shipping a production-grade loadout planner — data quality, 47 tests, CI pipeline, SEO guides, and a 10-phase master plan.
How to build dark mode properly. Contrast ratios, color mapping, reduced motion, and the CSS techniques that make it work.
How to leverage LLMs as an Architect-Dad to ship production-grade code 10x faster without sacrificing quality or security.
How to implement privacy-first, cookie-free Plausible analytics in Astro 6 without compromising your 100/100 Lighthouse score or annoying users with banners.
A practical comparison of deploying Astro 6 sites. Build times, cold starts, pricing, and edge rendering across the three major platforms.
A practical comparison of API approaches for full-stack TypeScript apps. When REST wins, when tRPC eliminates it, and when GraphQL is overkill.
Practical TypeScript patterns for catching errors at compile time. Discriminated unions, exhaustive checks, branded types, and more.
A deep dive into hardening AI-driven CI/CD pipelines and web applications. Learn how to defeat command injection and XSS in modern Astro/React stacks.
Architecting resilient, self-healing automated content pipelines with Astro 6, GitHub Actions, and strict security boundaries for zero-touch publishing.
Mitigate async data bottlenecks in Astro 6 content collections using Promise.all() parallelization. Learn how to architect zero-waterfall layouts.
A comprehensive guide on authenticating and querying the Xbox Live API using the xbx-api library in modern web applications.
Why forcing dark mode is an accessibility failure, and how to build a zero-FOUC, hardware-accelerated light/dark toggle using native CSS and Astro.
A highly technical guide on building zero-maintenance, automated AI content pipelines using Astro 6 content collections, GitHub Actions, and LLMs.
A deep dive into architecting an automated, Git-backed content pipeline using GitHub Actions, TypeScript, and the Gemini API for continuous publishing.
A definitive pillar guide to the AI-driven iOS app lifecycle, detailing how vibecoding transforms prototyping into production-ready software in 2026.
How to build blazingly fast, minimalist web apps using Astro 6, React Islands, and Nanostores for state management. Zero-BS engineering for scale.
A complete guide to building Chrome extensions using the Agentic Software Development Lifecycle (ADLC), Manifest V3, and built-in Gemini Nano in 2026.
A professional guide to the 2026 AI-native Software Development Lifecycle for building production-grade Android Play Store apps using vibe coding.
Everything you need to know about XML sitemaps, submitting to Google Search Console, and capturing long-tail keywords in the era of AI-driven discoverability.
A practical App Store Optimization (ASO) guide to help your AI-generated app rank higher on the Google Play Store.
Architect-level strategies for App Store Optimization (ASO). Learn how to rank higher, optimize keywords, and drive organic installs without paid ads.
A pragmatic guide to getting your AI-generated app approved on the Google Play Store. Focus on core policies, privacy, and functionality.
A straightforward guide for vibe coders to navigate Apple's App Store submission policies, avoid rejections, and ship fast with minimal friction.
How to architect a minimalist, zero-tracker engagement dock using React, Nanostores, and local storage in Astro.
The paradigm shift from lexical indexing to Retrieval-Augmented Generation. How to structure your content for AI search engines like ChatGPT and Perplexity.
A zero-BS guide to Google's Gemma 4, the 256K context open model, and how to win the Kaggle Gemma 4 Good Hackathon.
How to implement client-side category filtering in Astro without React state or hydration. A deep dive into zero-BS DOM manipulation for maximum performance.
How I architected a zero-JS-by-default developer portfolio using Astro 6, React Islands, and Nanostores for state management.
A deep dive into the exact AI-driven workflow I use to accelerate full-stack development, from Cursor to Claude 3.5.
Why I chose Astro 4+ and React Islands for the new Creator Hub.