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.
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.
When Sass Colours Break After a Next.js Production Build. 
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.
Error Handling in JavaScript with try, catch, and finally. Error Handling in JavaScript with
try,catch, andfinallyGo beyond basic try/catch in JavaScript with finally, custom errors, async error handling, testing, user‑facing failures, and defensive‑code traps.
Gatsby Build Times are Slow: Fix or Migrate? Gatsby Build Times are Slow: Fix or Migrate?
Slow Gatsby builds need a clear choice: optimise plugins, data, and images in place, or move to Next.js when publishing and cache limits justify it.
GTM, Consent Tools, and Core Web Vitals: How to Audit Third‑Party Script Cost. GTM, Consent Tools, and Core Web Vitals: How to Audit Third‑Party Script Cost
Audit third‑party script cost across GTM, consent tools, analytics, experimentation, and personalisation, without breaking measurement or business workflows.
Gatsby to Next.js Migration Checklist. Gatsby to Next.js Migration Checklist
A practical Gatsby to Next.js migration checklist covering routes, data, rendering, plugins, images, redirects, preview, sitemaps, and SEO validation.
Contentful to Sanity Migration Checklist for Next.js Sites. Contentful to Sanity Migration Checklist for Next.js Sites
A practical Contentful to Sanity migration checklist for Next.js sites, covering schemas, references, preview, redirects, metadata, and SEO checks.
SEO Best Practices in Next.js: Improving Core Web Vitals. SEO Best Practices in Next.js: Improving Core Web Vitals
SEO best practices in Next.js, with a sharper focus on Core Web Vitals, stable layouts, lighter bundles, metadata, and real user measurement for search.
Why Your Next.js App Router Page is Stale: Cache Tags, Revalidation, and CMS Publishing. Why Your Next.js App Router Page is Stale: Cache Tags, Revalidation, and CMS Publishing
Debug stale Next.js App Router pages with cache tags, revalidation paths, CMS webhooks, preview freshness, dependency graphs, and simpler cache contracts.
Contentful to Sanity Migration Risks for Next.js Sites. Contentful to Sanity Migration Risks for Next.js Sites
Contentful to Sanity migration risks for Next.js sites, including models, references, rich text, preview, metadata, redirects, and launch checks.
CMS Preview Should Be a Migration Requirement, Not an Afterthought. CMS Preview Should Be a Migration Requirement, Not an Afterthought
Why CMS preview belongs in the migration plan for Next.js sites, covering draft state, auth, cookies, iframes, cache invalidation, and governance.