Skip to content
Alex Chen
Alex Chen

Senior Developer & Technical Writer

Full-stack developer and writer. I build things with Next.js, WordPress, and too much coffee. Currently exploring headless CMS architectures and AI-assisted development.

Posts by Alex Chen

No image
Alex Chen
Alex Chen
Apr 7, 20261 minTechnologySponsored

Why We Switched to Vercel for Our Blog Infrastructure

The Challenge Running headless WordPress blogs at scale means managing Docker containers, Traefik routing, SSL certificates, and cache invalidation. It works, but the operational overhead grows with each blog you add. What Vercel Offers Vercel handles the deployment pipeline, edge caching, and SSL automatically. Push your code, and it builds and deploys. ISR works out […]

No image
Alex Chen
Alex Chen
Apr 7, 20261 minDevelopment

Stop Mocking Your Database in Tests

The Problem Every time you mock your database layer in tests, you are testing your mock, not your code. The mock says “when called with X, return Y” — but what if the real database behaves differently? What if the query has a subtle bug that the mock hides? A Better Approach Use a real […]

No image
Alex Chen
Alex Chen
Apr 7, 20262 minTechnology

React 19 Server Components: What Actually Changed

The Big Picture React 19 made Server Components a first-class feature. The use() hook, React.cache(), and async server component functions are no longer experimental — they are the recommended way to build data-driven applications. What use() Does The use() hook lets client components unwrap promises that were passed from server components. This bridges the server-client […]

No image
Alex Chen
Alex Chen
Apr 7, 20262 minOpinion

Why I Stopped Using Faust.js (And What I Use Instead)

The Appeal of Faust.js Faust.js is WP Engine’s official framework for headless WordPress with Next.js. It promises built-in WordPress template hierarchy, native preview support, and seamless authentication. For many projects, these are compelling features. Where It Falls Short Faust.js is locked to the Pages Router. In 2026, the App Router is the standard for new […]

No image
Alex Chen
Alex Chen
Apr 7, 20262 minProductivity

5 Patterns That Changed How I Structure React Projects

1. Colocation Over Separation Stop organizing by file type (components/, hooks/, utils/). Start organizing by feature. A PostCard component, its test, its Storybook story, and its CSS module should all live in the same directory. When you need to understand or modify a feature, everything is in one place. 2. Server Components by Default In […]

No image
Alex Chen
Alex Chen
Apr 7, 20262 minDesign

Designing with OKLCH: A Better Color System for the Web

The Problem with HSL HSL (Hue, Saturation, Lightness) has been the go-to color model for web developers for years. It is intuitive — pick a hue, adjust saturation and lightness. But it has a fundamental flaw: perceptual non-uniformity. Two colors with the same L value in HSL can look dramatically different in perceived brightness. Yellow […]

No image
Alex Chen
Alex Chen
Apr 7, 20262 minDevelopment

Building a Component Registry Pattern in Next.js

The Problem When building a themeable application, you need a way to render different components based on configuration. A page layout might specify “render a Hero section here, then a Latest Posts grid, then a Newsletter signup” — but the actual component implementations should be swappable. This is where the component registry pattern comes in. […]

No image
Alex Chen
Alex Chen
Apr 7, 20262 minTechnology

The Complete Guide to Headless WordPress in 2026

Why Headless WordPress? WordPress powers over 40% of the web, but the traditional monolithic approach is showing its age. Headless WordPress decouples the content management backend from the frontend presentation layer, giving developers the freedom to use modern frameworks like Next.js, React, or Vue while keeping the familiar WordPress editing experience. In 2026, this approach […]