Web Design and Engineering

Next.js, React, modern CSS, performance, immersive web, frontend architecture.

Page 1 of 3

Six staggered bars in a waterfall on a dark grid, five short and dark, one long and white running past a dashed vertical line to a page outline on the right

Web

Why is my website slow? The 6 causes and what fixes each

Only 48% of mobile sites pass Core Web Vitals. The six causes of a slow website, how to find yours in PageSpeed Insights, and what fixes each one.

A grid of twelve dark tiles with six lit white, each lit tile circled by a progress ring of a different length; three threads run from the right column of tiles to one lit pill on the right, and the middle tile of that column glows brighter with a full ring

Web

Next.js 16 caching explained: use cache, cacheLife and updateTag

In Next.js 16 nothing is cached until you write 'use cache'. How cacheLife's seven profiles, cacheTag and updateTag fit together, and where fetch stands now.

One white tile branching into hundreds of dark ones, four paths lit to the far edge

Web

npm dependency sprawl: the 4 costs on enterprise frontends

Sonatype logged 454,600 new malicious packages in 2025 and 99.8% of Q4 malware came from npm. What dependency sprawl costs, and the five controls we run.

A tree of tiles split by a dashed white line, dark tiles above and lit tiles below, six crossings of the line marked with rings

Web

React Server Components in production: 6 pitfalls to avoid in 2026

45% of React developers have shipped Server Components, yet they rank third-most-disliked in the State of React 2025. Six failure modes explain the gap.

Left, eight short white bars racing to a finish line with fading trails; right, one lit tile with steady streams of dots flowing through it

Web

Bun vs Node in 2026: where each runtime wins in production

Bun 1.3 ships a full-stack runtime, Node 24 ships stable TypeScript and a test runner. We run Bun for installs and tests, Node for what serves traffic.

A terminal window with one lit error line, wired from its edge to five dark tiles on the right: an error log, a route list, a component tree, a browser and a plug

Web

Next.js Agent DevTools: the AI debugging setup in 2026

Next.js 16.3 gives coding agents terminal access to build errors, routes and the React tree. The MCP and agent-browser setup, in five steps.

Five rows from button to server: three lit rows passing three lit check tiles each, two dim rows below with empty dashed slots going straight in

Web

Next.js Server Actions in production: patterns we use and avoid

Every Server Action you export is a public POST endpoint with no built-in auth. Here are the Next.js 16 patterns we ship and the ones we refuse.

On a white ground, a row of ten grey blocks above, and below it a single black block doing the same work with nine empty outlines after it

Web

TypeScript 7's Go compiler: what the 10x speedup changes

TypeScript 7 rewrites tsc in Go and type-checks the 1.5M-line VS Code repo in 7.5s instead of 78s. Here is what the 10x speedup changes for a dev team.

A solid grey page shell with three holes; one is filled white, and chunks of white stream from the right into the other two

Web

Partial Prerendering is stable in Next.js 16: how to structure routes

Next.js 16 makes Partial Prerendering stable via cacheComponents: a static shell from the CDN edge, dynamic parts streamed in the same response.

A white tile with a few neat lit dependencies, a bright vertical cut line, and beyond it a fading cloud of hundreds of grey specks

Web

npm dependency sprawl: the real cost and how to cut it in 2026

A fresh Next.js app pulls 1,000+ packages before any code. Here is what npm dependency sprawl costs in build time, bundle, and security, and how to cut it.

Three address bars differing only in a lit first segment, joined by curves into one lit node, which feeds a stack of three identical page panels

Web

Next.js i18n without a library: the App Router pattern we ship

Next.js App Router ships no built-in i18n. We run three locales on native routing with zero i18n dependencies. Here is the exact production pattern.

Three stacked isometric plates, the top one lit with data dots, the middle one carrying branching routes, the bottom one striped, with two small plates beside them

Web

TanStack in 2026: Query, Router, Start, and what each one solves

TanStack Query passes 12M weekly downloads. The family now spans routing, tables, forms, and a full-stack framework. What each solves, and when to add it.

Back to Field notes