Back to Articles
Panduan Memulai Tailwind CSS v4: Performa Lebih Cepat & Konfigurasi CSS-First
CSS

Panduan Memulai Tailwind CSS v4: Performa Lebih Cepat & Konfigurasi CSS-First

Jul 10, 2026•4 min read

Tailwind CSS v4.0 memperkenalkan arsitektur baru yang didesain untuk performa maksimal dengan engine berbasis Rust.

Konfigurasi Baru: CSS-First

Di versi 3, kita menggunakan tailwind.config.js untuk kustomisasi tema. Di versi 4, konfigurasi dilakukan langsung di dalam file CSS utama menggunakan @theme:

css
@theme {
  --color-brand-primary: #facc15;
  --font-display: "Bebas Neue", sans-serif;
}

Keuntungan Menggunakan Tailwind v4

  • Kecepatan Build 10x Lipat: Berkat engine Rust compiler yang super cepat.
  • Ukuran Bundle Lebih Kecil: Deteksi utility classes yang lebih pintar.
  • Zero Configuration: Cukup arahkan compiler ke file CSS utama Anda.