frontend

Splitting a 4-column grid into 2 columns made cards cramped on phones. The fix: an embla carousel on mobile, a grid on desktop, a doubled DOM.

Refactoring a long accordion column into a 3-column grid with Show More lists. The trade-off: sliced points never reach the initial DOM Google indexes.

An optional image field met a runtime component that demands src. The About page went blank. Here is the ternary and fallback UI that fixed it.

One missing badge image broke typecheck. A story about type erasure, optional properties, and parametrized contract tests guarding per-locale JSON content.

The embed pipeline now renders tokens inside <pre>/<code> as literal code, degrades to a fallback on broken payloads, and re-highlights Quarto/Pandoc blocks.

Next 16 rejects a sitemap.xml route folder that collides with the metadata convention. I reverted two commits; the old /sitemaps/ rewrite setup was enough.

I locked the code-block contract so articles would not break render: short lang ids, explicit Shiki aliases, and malformed blocks rejected before publish.

A tiny ArticleBody bug made paragraphs split and spacing drift. The fix was not a parser rewrite, just merging consecutive HTML fragments.

How I split a Next.js sitemap into 200-URL child files, listed them in robots.txt, and what Google actually reads from a sitemap.