Stale Closures in React: Why Handlers, Effects, and Timers Read Old State
Stale closures in React explained through renders, handlers, effects, timers, refs, dependency arrays, why callbacks read old state, and how to fix them.
Articles
Guides
The guides are the practical part of this archive: working explanations for a specific web development problem, written to show the decision as well as the answer. The subject varies, but the aim is consistent: enough context to use the technique sensibly rather than copy it blindly.
Stale Closures in React: Why Handlers, Effects, and Timers Read Old State. 
Debugging Hydration Mismatches in React and Next.js. Debugging Hydration Mismatches in React and Next.js
Debugging hydration mismatches in React and Next.js, including common causes, repeatable fixes, and how to stop server and client renders drifting apart.
How to Measure GEO Without Chasing Made‑up Metrics. How to Measure GEO Without Chasing Made‑up Metrics
Measure GEO with honest evidence from Search Console, analytics, query sets, AI‑assisted journeys, attribution patterns, and outcomes instead of fake scores.
Lessons from Running Next.js Pages Router at Scale in 2026. Lessons from Running Next.js Pages Router at Scale in 2026
Lessons from running Next.js Pages Router at scale in 2026, including governance, performance discipline, and why older patterns sometimes still make sense.
How to De‑Risk a CMS Migration Before the Real Migration Starts. How to De‑Risk a CMS Migration Before the Real Migration Starts
How to de‑risk a CMS migration before the real move starts, by testing workflows, content assumptions, integrations, ownership, and technical contracts early.
Rewrite, Refactor, or Strangle? A Practical Decision Framework. Rewrite, Refactor, or Strangle? A Practical Decision Framework
A practical framework for choosing rewrite, refactor, or strangler paths, based on risk, delivery pressure, change cost, and organisational appetite.
Technical AEO: Structuring Content for Direct Answers Without Creating FAQ Spam. Technical AEO: Structuring Content for Direct Answers Without Creating FAQ Spam
Structure technical AEO content for direct answers without FAQ spam, using extractable passages, visible text, schema discipline, and topic depth.
Building an LRU Cache in TypeScript: Hash Map and Doubly Linked List in Practice. Building an LRU Cache in TypeScript: Hash Map and Doubly Linked List in Practice
Build an LRU cache in TypeScript with a hash map and doubly linked list, then compare it with a simpler JavaScript Map implementation and O(1) operations.
How to Make Content Easier for Generative Engines to Trust. How to Make Content Easier for Generative Engines to Trust
How to make content easier for generative engines to trust, with clearer claims, stronger authorship, better sourcing, and structure that reduces ambiguity.
When Sass Colours Break After a Next.js Production Build. When Sass Colours Break After a Next.js Production Build
Diagnose Sass colours that survive compilation but break in Next.js production CSS when minification creates invalid mixed‑unit legacy rgb() values.
Mastering Server Components in Next.js. Mastering Server Components in Next.js
Mastering Server Components in Next.js, including client boundaries, data fetching, caching, streaming, and the mistakes that make App Router code messy.
LeetCode: 'Maximum Subarray' and Kadane's Algorithm Explained. LeetCode: 'Maximum Subarray' and Kadane's Algorithm Explained
Maximum Subarray and Kadane's Algorithm explained with TypeScript, showing how a linear pass tracks current and best sums across positive and negative values.
Converting Objects to Query Strings and Vice Versa. Converting Objects to Query Strings and Vice Versa
Converting objects to query strings is essential for handling URLs in JavaScript. Here, I explore encoding, parsing, and managing query parameters in Next.js.
HTTP Cache Validation with ETag and Last-Modified. HTTP Cache Validation with
ETagandLast-ModifiedETagandLast-Modifieddrive conditional HTTP requests and 304 responses. See how precedence, weak validators, CDNs, and cache policy affect revalidation.
Best Practices for Managing Environment Variables in Next.js. Best Practices for Managing Environment Variables in Next.js
Best practices for managing environment variables in Next.js, so secrets stay server‑side and deployments do not freeze the wrong values at build time.
Production Observability for Next.js: Instrumentation, Logs, and Release Debugging. Production Observability for Next.js: Instrumentation, Logs, and Release Debugging
Approach production observability in Next.js with contextual logs, traces, release markers, client errors, cache signals, build visibility, and business data.
Faceted Navigation SEO in Headless Commerce: Filters, Canonicals, and Crawl Control. Faceted Navigation SEO in Headless Commerce: Filters, Canonicals, and Crawl Control
Right to Represent Agreements for UK Contractors. Right to Represent Agreements for UK Contractors
Right to Represent agreements for UK contractors, covering recruiter pressure, duplicate submissions, hybrid working changes, and safer wording before signing.