react
Technical notes on web development, DevOps, and AI integration.
53 articles
- 03:34frontend
Semantic Related, TLDR Boxes, Live Search
Tag-matched related articles kept missing the point. Swap in cosine similarity, add a TLDR box, and make search live, all fail-safe against an old API.
#nextjs#react#tailwind - 16:29frontend
My Homepage Keeps Forgetting I Published
The homepage blog section used to be three hardcoded cards I edited by hand. Now it fetches the latest posts live, with dates pinned to one timezone.
#nextjs#react#frontend - 04:29frontend
Related Articles Without a Waterfall
What commit 70a43a9 taught me about related articles, parallel fetching, a CSS timeline, and a file-tree TOC in a Next.js blog.
#nextjs#react#frontend - 02:39frontend
Why My Blog List Renders Stack Icons on the Server
Runtime Iconify requests made my blog list icons appear late. I replaced them with server-rendered SVG and fallback icon sets.
#nextjs#react#frontend - 18:32frontend
MessageCircle Is Not WhatsApp, the Client Told Me So
A WhatsApp CTA with a generic lucide chat icon made visitors hesitate. The fix: an inline brand SVG, a real label, and better button contrast.
#react#frontend#seo - 18:18frontend
The Two-Column Mobile Grid I Took Back
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.
#nextjs#react#frontend - 16:29frontend
Switching to a Grid, a Show More Pattern, and One SEO Trade-off
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.
#nextjs#react#frontend - 01:38frontend
Merging HTML Fragments in React ArticleBody
A tiny ArticleBody bug made paragraphs split and spacing drift. The fix was not a parser rewrite, just merging consecutive HTML fragments.
#react#frontend#html