Articles
Next.js
Next.js is an open‑source, React‑based web development framework by Vercel that enhances Node.js for creating fast, scalable web applications. It combines server‑side rendering (SSR) and static site generation (SSG) with dynamic routing, API routes, automatic code splitting, and support for React Hooks and TypeScript.
Below you will find a subset of articles from my blog specifically about Next.js. This is an area that I have worked with for many years, and have managed to write about quite a few times. There are twenty‑five collected together for you below.
Handling API Routes in Next.js: When to Use Server Actions vs. API Routes. 
Caching Strategies in React. Caching Strategies in React
Why Next.js Middleware Might Be Unavailable with Pages Router. Why Next.js Middleware Might Be Unavailable with Pages Router
Optimising Next.js Performance with Incremental Static Regeneration (ISR). Optimising Next.js Performance with Incremental Static Regeneration (ISR)
Building a Headless CMS‑Powered Site with Next.js. Building a Headless CMS‑Powered Site with Next.js
Building Multi‑Tenant Applications with Next.js. Building Multi‑Tenant Applications with Next.js
Redirect a Default Vercel Subdomain to Your Custom Domain. Redirect a Default Vercel Subdomain to Your Custom Domain
Using Middleware in Next.js for Route Protection. Using Middleware in Next.js for Route Protection
Next.js vs. Remix: Understanding the Key Differences. Next.js vs. Remix: Understanding the Key Differences
Caching Strategies for Data Fetching in Next.js. Caching Strategies for Data Fetching in Next.js
Access Search Parameters in Next.js SSR'd Layout. Access Search Parameters in Next.js SSR'd Layout
Implementing Authentication in Next.js Using NextAuth.js. Implementing Authentication in Next.js Using NextAuth.js
All About Headless CMSes. All About Headless CMSes
ReferenceError: Window is Not Defined in Gatsby. ReferenceError: Window is Not Defined in Gatsby
Preview Mode in Next.js with a Headless CMS. Preview Mode in Next.js with a Headless CMS
Removing p Tags from Contentful List Items. Removing
pTags from Contentful List Items
Image Optimisation with next/image. Image Optimisation with
next/image
Dynamic Imports and Code Splitting in Next.js. Dynamic Imports and Code Splitting in Next.js
