frontend
Catatan teknis seputar web development, DevOps, dan integrasi AI.
117 artikel
- 14.14frontend
Membedumkan Pipeline Embed Artikel Buatan Agen
Pipeline embed artikel kini render token di dalam <pre>/<code> sebagai kode literal, degradasi ke fallback saat payload rusak, dan re-highlight blok Quarto/Pandoc.
#shiki#nextjs#frontend - 12.45frontend
Dua Commit yang Saya Revert: generateSitemaps vs Route Next 16
Build Next 16 menolak route folder sitemap.xml karena bentrok konvensi metadata. Dua commit saya revert, sistem /sitemaps/ lama via rewrite sudah cukup.
#nextjs#seo - 01.38frontend
Kontrak Code Block Shiki dan Short Lang ID
Saya kunci kontrak code block biar artikel tidak merusak render: lang id pendek, alias Shiki jelas, dan blok yang salah bentuk ditolak sebelum publish.
#shiki#nextjs#frontend - 01.38frontend
Gabung Fragment HTML di ArticleBody React
Bug kecil di ArticleBody bikin paragraf pecah dan jarak antar blok jadi aneh. Solusinya ternyata bukan rewrite parser, cuma gabung fragment HTML yang berurutan.
#react#frontend#html - 01.38frontend
Memecah Sitemap Next.js jadi File Anak 200 URL
Cara saya memecah sitemap Next.js jadi file anak 200 URL pakai generateSitemaps, melistnya di robots.txt, dan apa yang sebenernya dibaca Google dari sitemap.
#nextjs#seo#vercel - 01.00frontend
Memecah Sitemap Next.js jadi File Anak 200 URL
Cara saya memecah sitemap Next.js jadi file anak 200 URL pakai generateSitemaps, melistnya di robots.txt, dan apa yang sebenernya dibaca Google dari sebuah sitemap.
#nextjs#vercel#serverless - 23.59frontend
Code Block Tampil Dua Kali: Kenapan Regex JavaScript Bisa Race
Bug code block dobel di blog: regex /g di level module punya lastIndex yang saling ditimpa antar panggilan async paralel. Solusi delapan baris.
#javascript#regex#shiki - 02.01frontend
Shiki vs Prism.js: Mana yang Tepat untuk Blog Developer di 2026?
Perbandingan data 2026: benchmark runtime, bundle size, dual theme, dan studi kasus blog Next.js — kapan Shiki menang, kapan Prism tetap masuk akal.
#shiki#prismjs#nextjs - 01.01frontend
Embed YouTube, Mermaid & Recharts di Next.js Tanpa Plugin
Panduan lengkap embed YouTube, Mermaid, dan Recharts di blog Next.js tanpa plugin. Tingkatkan engagement +52% dengan styling konsisten dan dark mode.
#nextjs#youtube#mermaid