Next.js 15 Çıktı!
React ekosisteminin tartışmasız lideri olan Next.js'in en güncel sürümündeki muazzam yenilikleri inceliyoruz.
Frontend dünyası hızla değişiyor. Artık sadece istemci (client) tarafında değil, sunucu (server) tarafında da kontrolü tamamen elimize alabiliyoruz. Next.js 15 ile bu durum zirveye ulaştı.
Server Actions (Sunucu Eylemleri) Nedir?
Eskiden bir formu veritabanına kaydetmek için önce bir API endpoint oluşturur, ardından frontend'den bu API'ye fetch atardık. Artık Server Actions ile React komponenti içinden direkt veritabanı fonksiyonu çağırabiliyoruz!
// app/actions.ts
'use server'
export async function createPost(formData: FormData) {
const title = formData.get('title');
await db.posts.insert({ title });
}
Performans Etkisi:
Tarayıcıya (Client) gönderilen JavaScript miktarı %30'a kadar azalıyor. Bu da inanılmaz bir yükleme hızı (TBT) demek.
Partial Prerendering (PPR)
Bir sayfanın statik kısımları saniyesinde sunulurken, dinamik kısımları (örneğin sepet özeti) arkada yükleniyor. Hem hızı hem de dinamizmi aynı anda sunan devrim niteliğinde bir özellik.