Tag: Next.js

One component renders Link for crawlable tag pages or button for instant client filtering. The same TagChipStrip serves both without duplicating code.

How moving cover images, titles, and excerpts into MDX metadata eliminated 680 lines of duplicate records and the silent drift between them.

A single boolean guard across three runtimes keeps Sentry from crashing local dev when the DSN is missing.

A timestamp and random suffix in sessionStorage ties scan, completion, email capture, and calendar booking into one GA4 funnel with zero backend state.

cmdk does substring matching. Keeping its UI shell and swapping the filter engine for MiniSearch gives ranked, fuzzy results with match highlighting.

A build-time search index and cmdk power Cmd+K search across 47 pages with zero API calls.

An iframe that never loads looks like a broken page. An 8-second timeout and a direct booking link keep users moving instead of staring.

A three-line useSyncExternalStore hook helps server and client renders agree, no more suppressHydrationWarning.

How a subtle difference between import and import type causes a circular dependency crash in a Turbopack-bundled Next.js app.

How a single content registry replaces duplicated per-type data files, cutting the cost of adding new content types from 6+ files to 3.