Blog
Catatan teknis seputar web development, DevOps, dan integrasi AI.
190 artikel
- 22.34frontend
Pas Restyle Sidebar, Chip Tag Malah Goyang 1 Pixel
Ganti state chip dari border ke background bikin baris goyang 1px. Solusinya: ring inset, karena box-shadow tidak pernah memengaruhi layout.
#tailwind#css#frontend - 22.22devops
Deploy Vercel Diblokir? Akun Vercel-nya yang Salah
Tiga hari debugging git config untuk error Vercel yang ternyata bukan soal git — tapi project milik akun Vercel lain. Plus batasan plan Hobby yang perlu diketahui.
#vercel#git#devops - 20.49devops
Sudo yang Bertahan Setiap Container di-Recreate
Image upstream nggak bawa sudo dan /etc ephemeral. Entrypoint override kecil di compose bikin passwordless sudo terpasang ulang tiap boot.
#docker#devops#security - 20.46devops
Bind Mount Folder Projects ke Container Tanpa Drama Permission
Dua keputusan kecil di compose — path identik dua sisi dan UID yang disamakan — bikin folder Projects host aman dipakai container tanpa chmod 777.
#docker#devops - 20.25devops
Callback OAuth Refused di Container Host-Mode
Dugaan pertama bilang tambah ports di compose. Ternyata host-mode justru sudah membagikan loopback host, dan ports malah bikin compose gagal validasi.
#docker#oauth#devops - 18.30frontend
MessageCircle Bukan WhatsApp, Klien yang Ngasih Tahu
Tombol WhatsApp pakai ikon chat generik lucide bikin pengunjung ragu. Solusinya inline SVG brand plus perbaikan kontras tombol.
#react#frontend#seo - 18.16frontend
Grid Dua Kolom di Mobile, Satu Keputusan yang Gue Tarik Balik
Grid 4 kolom dipecah 2 di layar kecil bikin kartu mepet. Solusinya: carousel embla di mobile, grid tetap di desktop, dan DOM jadi dobel.
#nextjs#react#frontend - 16.28frontend
Pindah ke Grid, Pola Show More, dan Satu Trade-off SEO
Refactor halaman services: kolom panjang jadi grid 3 kolom dengan pola Show More. Ada trade-off SEO yang baru disadari setelah cek view source.
#nextjs#react#frontend - 16.22frontend
Badge Sertifikasi Tanpa Gambar Bikin next/image Crash
Field image dijadikan optional, tapi komponen langsung render next/image tanpa ngecek. Halaman About crash dengan error src missing. Ini fallback UI yang bener.
#nextjs#typescript#frontend