frontend
Technical notes on web development, DevOps, and AI integration.
115 articles
- 01:38frontend
Shiki Code Block Contract and Short Lang IDs
I locked the code-block contract so articles would not break render: short lang ids, explicit Shiki aliases, and malformed blocks rejected before publish.
#shiki#nextjs#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 - 01:38frontend
Splitting a Next.js Sitemap into 200-URL Child Files
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.
#nextjs#seo#vercel - 00:53frontend
Splitting a Next.js Sitemap into 200-URL Child Files
How I split a Next.js sitemap into 200-URL child files with generateSitemaps, listed them in robots.txt, and what Google actually reads from a sitemap.
#nextjs#vercel#serverless - 00:00frontend
Code Blocks Rendering Twice: How a JavaScript Regex Can Race
A double code block bug on the blog: a module-level /g regex's lastIndex gets clobbered across parallel async calls. The fix is eight lines.
#javascript#regex#shiki - 02:01frontend
Shiki vs Prism.js: Which Is Right for Your Developer Blog in 2026?
2026 data comparison: runtime benchmarks, bundle size, dual themes, and a Next.js case study — when Shiki wins, when Prism still makes sense.
#shiki#prismjs#nextjs - 00:59frontend
Embed YouTube, Mermaid & Recharts in Next.js, No Plugins
Complete guide to embedding YouTube, Mermaid, and Recharts in a Next.js blog without plugins. Boost engagement by 52% with consistent styling and dark mode.
#nextjs#youtube#mermaid