React & Next.js: engineering articles and technical guides
Server components, App Router patterns, caching layers, state management and rendering performance in React and Next.js applications.
Headless & Composable CMS
Contentstack and Next.js: Building a Composable Front End
Delivery API access, live preview, webhook-driven revalidation and rendering modular blocks as typed React components.
7 min read · Headless & Composable CMS
React & Next.js
Deploying Next.js: Vercel, Self-Hosted and Edge Trade-offs
What ISR, image optimisation and middleware actually require, and what breaks first when you move a Next.js app off Vercel onto your own infrastructure.
7 min read · React & Next.js
Commerce & Automation
Shopify Hydrogen and Custom Storefronts: When to Leave Liquid
Liquid, Hydrogen or your own Storefront API front end - what each costs in app compatibility, checkout control and ongoing maintenance.
6 min read · Commerce & Automation
React & Next.js
Next.js Caching Explained: Four Layers and How They Interact
Request memoisation, data cache, full route cache and router cache - what each stores, how to invalidate it, and where stale content actually comes from.
5 min read · React & Next.js
React & Next.js
React Server Components: What Actually Changes in Your Architecture
The server-client boundary, what can cross it, where data fetching moves, and the patterns that quietly pull everything back into the client bundle.
6 min read · React & Next.js
React & Next.js
React State Management: Server State Is Not Client State
Why most React state bugs come from storing server data in client state, and how to pick between useState, Context, a store and a server-cache library.
6 min read · React & Next.js
React & Next.js
Next.js App Router: Layouts, Routing and Data Fetching Patterns
Nested layouts, streaming boundaries, route groups, server actions and the migration decisions that matter when moving off the Pages Router.
6 min read · React & Next.js
React & Next.js
React Performance: Re-renders, Memoisation and Profiling
Reading the Profiler before reaching for memo, why most memoisation does nothing, and how render work turns into a failing INP score.
6 min read · React & Next.js