Technical GEO for Websites: Entities, Structured Data, and Crawl Paths
Technical GEO for websites, covering indexing, renderability, entity clarity, structured data, and crawl paths without inventing an AI‑only markup layer.
Articles
Front‑end Development
Front‑end web development is my personal niche, it is the art of creating visual and interactive elements for a website, including layout, design, and interactivity, using HTML, CSS, and JavaScript.
Below you will find a subset of articles from my blog specifically about Front‑End Development. This is an area that I have worked with for many years, and have managed to write about quite a few times. There are three hundred forty collected together for you below.
Technical GEO for Websites: Entities, Structured Data, and Crawl Paths. 
State Management in Angular: NgRx vs. SignalStore. State Management in Angular: NgRx vs. SignalStore
NgRx Store vs. SignalStore explained with real Angular trade‑offs, including scope, TypeScript ergonomics, devtools, effects, and when neither is necessary.
Traffic Dropped After a Replatform: The Technical Checks I Run First. Traffic Dropped After a Replatform: The Technical Checks I Run First
Diagnose traffic drops after a redesign, migration, or replatform by checking route parity, rendered HTML, redirects, canonicals, sitemaps, and schema.
What is a Timing Attack? Side Channels, Examples, and Safer Comparisons. What is a Timing Attack? Side Channels, Examples, and Safer Comparisons
Timing attacks explained for web developers, including side channels, string comparisons, real examples, and practical defences in JavaScript.
State Management in Vue: Vuex vs. Pinia. State Management in Vue: Vuex vs. Pinia
Vuex vs. Pinia explained with real trade‑offs, including API design, TypeScript ergonomics, migration paths, and when each choice still makes sense.
Content Security Policy in Next.js: Static Pages, Nonces, and Real‑World Trade‑Offs. Content Security Policy in Next.js: Static Pages, Nonces, and Real‑World Trade‑Offs
Plan Content Security Policy in Next.js with static pages, nonces, third‑party scripts, headers, frames, previews, and incremental deployment safely.
How to Vet a Senior Next.js Developer for a Replatform or Recovery Project. How to Vet a Senior Next.js Developer for a Replatform or Recovery Project
How to vet a senior Next.js developer for replatforming, recovery, SEO, performance, CMS, Vercel, and production debugging work.
Using Angular Signals for Performance Optimisation. Using Angular Signals for Performance Optimisation
Use Angular signals for performance optimisation with derived state, computed values, OnPush, effects, RxJS interop, and measuring whether work improved.
Using RxJS for State Management in Angular. Using RxJS for State Management in Angular
RxJS offers a powerful, reactive approach to managing state in Angular apps. Here, I clearly explain practical patterns and show how to use them effectively.
React Developer vs. Next.js Developer: What Actually Changes in Production. React Developer vs. Next.js Developer: What Actually Changes in Production
React developer vs. Next.js developer explained through production concerns: rendering, routing, caching, SEO, deployment, CMS data, and debugging.
Memoization in JavaScript: Optimising Function Calls. Memoization in JavaScript: Optimising Function Calls
Memoization helps JavaScript functions run faster by caching previous results. Here's a clear guide on how and when to use memoization effectively.
Handling API Routes in Next.js: When to Use Server Actions vs. API Routes. Handling API Routes in Next.js: When to Use Server Actions vs. API Routes
Next.js gives us two ways to handle back‑end logic: API Routes and Server Actions. Here, I clearly explain when to choose each approach for the best results.
Understanding the Module Pattern in JavaScript. Understanding the Module Pattern in JavaScript
The JavaScript module pattern explained through closures and private state, plus the architectural lessons it still teaches modern developers today.
Caching Strategies in React. Caching Strategies in React
React performance work is often about avoiding repeated effort. This guide looks at memoisation, browser caching, and smarter data‑fetching choices.
Practical Use Cases for JavaScript Set and Map. Practical Use Cases for JavaScript
SetandMapJavaScript's `Set` and `Map` simplify common tasks like managing unique values or key‑value pairs. Here, I'll share practical examples for everyday development.
Testing Vue Components with Vue Test Utils. Testing Vue Components with Vue Test Utils
How to test Vue components with Vue Test Utils using realistic interactions, focused assertions, better test boundaries, and less brittle design.
Modified Binary Search: Solving 'Search in Rotated Sorted Array'. Modified Binary Search: Solving 'Search in Rotated Sorted Array'
How to solve Search in Rotated Sorted Array with modified binary search, identifying the sorted half each step and narrowing safely in TypeScript.
Understanding Tail call Optimisation in JavaScript. Understanding Tail call Optimisation in JavaScript
Tail call optimisation in JavaScript, why it matters conceptually, and why patchy engine support still makes it unreliable for production recursion.