Notes

Catatan teknis

Catatan teknis tentang keputusan rekayasa, tradeoff keamanan, dan bug yang sempat lolos — dibedah berdasarkan pekerjaan nyata, bukan ringkasan dokumentasi.

Langganan RSS4 catatan · tanpa pelacak, tanpa email

4 Maret 2025Security engineering3 menit
Data placeholder berhenti tidak berbahaya begitu ia terbit
Dua URL placeholder di file data situs ini diam-diam berubah menjadi pernyataan identitas yang dikirim ke mesin pencari. Tidak ada yang error, dan typecheck lolos — masalahnya baru terlihat saat membaca output JSON-LD.
- Structured data
- Schema.org
- RFC 9116
- Code review
18 Februari 2025Security engineering4 menit
Harga sebenarnya dari CSP nonce di Next.js App Router
Nonce per-request adalah cara paling jujur menegakkan CSP, tapi ia menukar static rendering dengan keamanan itu. Berikut perhitungan yang saya pakai sebelum memilih — termasuk dua jebakan di matcher yang baru terlihat setelah situsnya bertambah halaman.
- CSP
- Next.js
- Middleware
- Rendering
27 Januari 2025Frontend2 menit
Animasi yang selesai sebelum ada yang melihatnya
Delapan elemen ber-stagger di kartu unggulan situs ini tidak pernah terlihat oleh satu pengunjung pun selama berminggu-minggu. Tidak ada error, tidak ada yang rusak — waktunya saja yang salah.
- CSS
- IntersectionObserver
- Tailwind
- Aksesibilitas
9 Januari 2025Frontend2 menit
Scroll lock yang tidak pernah dilepas
Halaman berhenti bisa di-scroll di desktop, tanpa elemen yang terlihat sebagai penyebab. Pemicunya adalah memperlebar jendela browser.
- React
- useEffect
- matchMedia
- Bug

Catatan teknis

Data placeholder berhenti tidak berbahaya begitu ia terbit

Harga sebenarnya dari CSP nonce di Next.js App Router

Animasi yang selesai sebelum ada yang melihatnya

Scroll lock yang tidak pernah dilepas