Topik
Jebakan Build-Time Tailwind v4
Tailwind v4 memutuskan banyak hal saat build, bukan runtime, dan di situlah kelas-kelasmu diam-diam hilang. Tree-shaking yang membuang CSS variable, `@source` yang menghidupkan kembali kelas yang sudah dihapus, sampai `var()` di `@theme` yang tidak pernah resolve. Baca ini kalau utility class-mu 'tidak melakukan apa-apa' di production padahal aman di dev.
10 artikel
Mulai dari sini
Tailwind v4 Dikompilasi Saat Build, Class Baru Saya (pl-16, h-7) Tidak Berefek di Production
-
Footer `lg:grid-cols-[1.6fr_repeat(6,minmax(0,1fr))]` Jatuh ke Tiga Kolom di Tailwind v4? Arbitrary Value yang Hilang Saat Compile
31 Agustus 2026 -
Huruf Kepotong di Heading Besar? `text-5xl` Tailwind v4 Diam-Diam Memakai `line-height: 1`
8 Agustus 2026 -
Teks Hero Mobile Ketiban Gambar Phone? `object-cover` Diam-Diam Re-center Saat Layer `absolute` Melar Lewati `min-height`
30 Juli 2026 -
Font `next/font` Tidak Kepakai di Tailwind v4? `var()` di Dalam `@theme` Diresolusi Saat Build, Bukan Runtime
14 Juli 2026 -
Teks dengan `text-[oklch(0.97_0.01_260/0.80)]` Tampil Tanpa Warna di Tailwind v4? Trailing Zero Bikin Class Tidak Pernah Terkompilasi
10 Juli 2026 -
Class Utility Kalah sama `.prose-dark h4` karena Specificity, Bungkus Aturan Prose dengan `:where()`
3 Juli 2026 -
Tailwind v4 `@source` Menghidupkan Lagi Class yang Sudah Kamu Hapus, Kecualikan Folder Seed/Import
3 Juli 2026 -
Tailwind v4 Preflight Mematikan `alignleft`/`alignright` Gambar WordPress, Pulihkan Tanpa `clear:both` di Heading
2 Juli 2026 -
Tailwind v4 Men-Tree-Shake CSS Variable Saya → Teks Terkirim Putih Tak Terlihat di Produksi
21 Juni 2026