Next.js 14, React framework'ü için en kapsamlı güncellemelerden birini getirdi. App Router'ın stabil hale gelmesi, Server Components'ın tam entegrasyonu ve Turbopack modern web geliştirmeyi yeniden tanımlıyor.
Öne Çıkan Özellikler
App Router (Stable)
- Layouts ve nested layouts
- Loading ve error states
- Server Components varsayılan
- Streaming ve Suspense
Server Components
- Sıfır JavaScript bundle boyutu
- Doğrudan veritabanı/API erişimi
- Daha iyi SEO ve ilk yükleme performansı
Dosya Yapısı
app/ ├── layout.tsx ├── page.tsx ├── loading.tsx ├── error.tsx └── blog/[slug]/page.tsx
Data Fetching
async function getData() {
const res = await fetch("https://api.example.com", {
next: { revalidate: 3600 }
})
return res.json()
}
Server Actions
"use server"
export async function createPost(formData) {
await db.posts.create({ title: formData.get("title") })
revalidatePath("/posts")
}
Turbopack
Webpack'in Rust tabanlı halefi, 700x daha hızlı güncellemeler sağlar.
Next.js 14, React uygulamalarını ölçeklendirmenin en etkili yoludur.
