frontend

Section blog homepage yang dulu diisi manual lewat blog-posts.json sekarang fetch live dari API, plus helper formatDateWIB yang pin timezone Asia/Jakarta.

Ikon per-kategori fallback tanpa dimensi eksplisit bikin sidebar goyang. width/height di img atau next/image, plus og:image:width/height, jaga CLS aman.

Gara-gara border kiri TOC kerasa kaku, gue ganti jadi spine gradient Tailwind yang memudar ke bawah. Teknik murni CSS utility, plus catatan soal rename bg-gradient-to-* di v4.

Commit 70a43a9 menambahkan artikel terkait, fetch paralel, timeline CSS, dan TOC file-tree ke halaman detail blog Next.js.

Ikon stack di list blog saya telat muncul karena fetch runtime. Saya ganti dengan SVG server-side dan fallback icon set.

Accent oranye cakep di dark mode tapi pudar di light. Ganti ke mint CodeRabbit dengan emerald-600 untuk light mode agar lolos uji kontras WCAG.

Chip tag abu flat di sidebar semua semelek bobot. Ganti ke tint primary 10% plus hairline ring inset bikin tag terasa hidup dan bisa diklik.

Heading sidebar 11px uppercase warna redup ternyata paling susah dibaca. Ganti ke 13px bold normal-case plus ikon, kontrasnya naik sesuai WCAG.

Ganti state chip dari border ke background bikin baris goyang 1px. Solusinya: ring inset, karena box-shadow tidak pernah memengaruhi layout.