Field notes / The archive

Developer notes

Practical articles, guides, and experiments about web development, software, AI, and the tools around them.

A card layout changing at its own container boundary instead of the viewport edge

August 7, 20263 min readUpdated August 7, 2026

Fix Tailwind Container Query Layout Bugs in Real Components

Understand why a Tailwind container query does nothing or changes the wrong card, then fix the container boundary, query name, and responsive fallback.

Web frameworks Performance

Several server request paths joining into one shorter route before the page renders

August 7, 20263 min readUpdated August 7, 2026

Fix Slow Next.js Server Actions and Data Fetching

Find why a Next.js App Router page or Server Action feels slow, then fix waterfalls, duplicate queries, uncached fetches, and slow post-action refreshes.

Web frameworks Performance

Two route render paths that should produce the same page before hydration

August 7, 20263 min readUpdated August 7, 2026

Fix Next.js Hydration Errors in Production Without Guessing

A practical way to find the first server and browser difference behind a Next.js hydration error, with fixes for dates, browser APIs, HTML nesting, and extensions.

Web frameworks Performance

A Next.js build splitting into a Vercel deployment and a standalone server package

August 6, 20265 min readUpdated August 7, 2026

Fix Next.js 16.3 standalone output failing on Vercel

A hands-on fix for the Next.js 16.3 ENOENT trace-file error on Vercel, with checks for Docker and self-hosted standalone builds.

Web frameworks Platform and cloud

Two narrow pipeline paths feeding package blocks through a glowing inspection ring

August 5, 20266 min readUpdated August 7, 2026

Fix pnpm ERR_PNPM_AUDIT_BAD_RESPONSE HTTP 410

Fix pnpm audit's HTTP 410 failure by moving from pnpm 10 to v11's bulk advisory endpoint, then migrate ignored advisories safely.

Packages moving along a bright bypass around a broken conveyor belt

August 4, 20265 min readUpdated August 7, 2026

Fix pnpm “Cannot Use 'in' Operator” in GitHub Actions

Fix pnpm's integrity undefined crash in GitHub Actions by replacing broken 11.12.0, pinning one version, and updating the setup step safely.

A glowing modular pathway curves around a cracked dark block on a navy background

August 3, 20266 min readUpdated August 7, 2026

Next.js 16 “Module Factory Is Not Available”: Diagnose Turbopack HMR

Identify the Cache Components and lazy-loading Turbopack HMR regression, isolate it with Webpack, and validate production separately.

Three mechanical modules of different sizes travel on parallel rails beside a shared routing switch

August 2, 202611 min readUpdated August 7, 2026

GPT-5.6 Sol vs Terra vs Luna: Which Model Should You Use?

Compare GPT-5.6 Sol, Terra, and Luna for coding, agents, high-volume API work, context limits, reasoning controls, and current pricing.

Illustration of TypeScript 7 and typescript-eslint running together

August 2, 20265 min readUpdated August 7, 2026

Run TypeScript 7 Without Breaking typescript-eslint

Fix TypeScript 7 ESLint peer conflicts and Cjs crashes by running TypeScript 7 beside the TypeScript 6 compatibility API, with a verified npm setup.

TypeScript and validation Package management and CI

Illustration of testing a Next.js sharp override before deployment

August 1, 20265 min readUpdated August 7, 2026

Next.js npm Audit Flags sharp: Test the Override on Vercel

Triage the sharp advisory in Next.js 16.2, apply a package-manager override carefully, and test the real image path before deploying on Vercel.

Web frameworks Package management and CI