Tailwind CSS v4: Engine Yeniden Yazıldı

Oxide Engine

Tailwind CSS v4, Rust tabanlı yeni "Oxide" engine ile geliyor. Bu motor, önceki JavaScript tabanlı motora kıyasla:

10x daha hızlı full build süreleri

100x daha hızlı incremental build'ler

Önemli ölçüde azaltılmış bellek kullanımı

tailwind.config.js dosyası artık geçmişte kaldı. Tüm yapılandırma CSS içinde:

css

@theme {
  --color-primary: #7C3AED;
  --font-heading: 'Orbitron', sans-serif;
  --breakpoint-xl: 1280px;
}

Container queries: @container desteği native olarak geldi

Cascade layers: Utility'ler artık layer'larda organize

Wide gamut colors: oklch() ve oklab() renk fonksiyonları

3D transforms: rotate-x-*, perspective-* gibi yeni utility'ler

v3'ten v4'e geçiş çoğunlukla sorunsuz. @tailwindcss/upgrade CLI aracı, mevcut config dosyalarını otomatik olarak CSS-first yapıya dönüştürüyor.

Okuma süresi: 4 dk