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.
Articles
Front‑end Development, page 3 of 24
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
Handling API Routes in Next.js: When to Use Server Actions vs. API Routes. 
Headless CMS SEO Controls Checklist. Headless CMS SEO Controls Checklist
A headless CMS SEO checklist covering metadata, canonicals, schema, redirects, sitemaps, preview, internal links, image fields, and publishing controls.
Technical SEO Launch Criteria for a Next.js Migration. Technical SEO Launch Criteria for a Next.js Migration
Technical SEO launch criteria for Next.js migrations, covering URLs, redirects, canonicals, metadata, rendered HTML, schema, sitemaps, and recovery.
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.
How to Compare Rendered HTML Before and After a Migration. How to Compare Rendered HTML Before and After a Migration
Compare rendered HTML before and after a migration, checking headings, metadata, links, schema, body copy, media, crawl signals, and launch risk.
Caching Across React, Next.js and Serverless Applications. Caching Across React, Next.js and Serverless Applications
Compare client‑side React caching, Next.js SSG, ISR and SSR caching, and Redis‑backed caches for reliable serverless data fetching and persistence.
Traffic Dropped After a WordPress to Next.js Migration: What to Check First. Traffic Dropped After a WordPress to Next.js Migration: What to Check First
How to diagnose traffic loss after a WordPress to Next.js migration by checking redirects, rendered HTML, metadata, canonicals, and tracking noise.
WordPress to Next.js Migration Checklist for Content, Preview and SEO. WordPress to Next.js Migration Checklist for Content, Preview and SEO
A WordPress to Next.js migration checklist for URLs, content models, media, preview, redirects, metadata, schema, sitemaps, SEO, and launch checks.
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.
Next.js Sitemap, Robots, and Crawlability Debugging Checklist. Next.js Sitemap, Robots, and Crawlability Debugging Checklist
A Next.js crawlability checklist for debugging sitemaps, robots.txt, canonicals, route generation, redirects, staging leaks, missing pages, and indexation.
Why JavaScript Pages are Crawled but Not Indexed. Why JavaScript Pages are Crawled but Not Indexed
Why JavaScript pages get crawled but not indexed, covering rendered content, metadata, canonicals, links, noindex rules, quality, and crawl signals.
React SPA to Next.js Migration Checklist for SEO and Indexing. React SPA to Next.js Migration Checklist for SEO and Indexing
A React SPA to Next.js SEO migration checklist for preserving indexing, redirects, metadata, rendered HTML, internal links, crawl paths, and launch confidence.
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.
Understanding WeakMap and WeakSet in JavaScript. Understanding
WeakMapandWeakSetin JavaScriptUnderstand WeakMap and WeakSet in JavaScript, including weak references, metadata storage, private data patterns, memory behaviour, and Map or Set differences.
JavaScript Symbols: When and Why to Use Them. JavaScript Symbols: When and Why to Use Them
JavaScript Symbols explained in plain English, including unique keys, well‑known symbols, hidden metadata, and the cases where they are genuinely useful.
React's Virtual DOM vs. the Real DOM. React's Virtual DOM vs. the Real DOM
React's virtual DOM optimises performance by reducing updates to the real DOM. Here, I explain how it works, how it compares, and why it improves efficiency.