Next.js 15: Yeni Özellikler ve Geliştirmeler

Web geliştirme dünyasında, performans ve geliştirici deneyimi sürekli olarak evrim geçiriyor.

CLI ile Kolay Yükseltme
Yükseltme sürecini hızlandırmak için Next.js, yeni @next/codemod CLI aracını tanıttı. Bu araç, projelerinizi en son sürüme geçirmeyi otomatikleştirir. Tek bir komutla, kod tabanınızı güncel hale getirebilir, mevcut kod modlarını kontrol edebilir ve gerekli dönüşümleri uygulayabilirsiniz:

Önemli: Bu işlemi yapmadan önce dosyalarınızın yedeğini almanızda fayda var

npx @next/codemod@canary upgrade latest

React 19 Desteği

Next.js 15, React 19 sürümüyle tam uyumludur. Bu entegrasyon, geliştiricilere React 19'un sunduğu yeni özellikleri ve performans iyileştirmelerini projelerinde kullanma imkânı tanır. Özellikle, React 19'un getirdiği ek hook'lar ve optimizasyonlar, Next.js uygulamalarının daha verimli çalışmasını sağlar.

Asenkron İstek API'leri
Sunucu tarafında istek verilerine erişim sağlayan API'ler, artık asenkron olarak kullanılmaktadır. Bu değişiklik, sunucu tarafı işlemlerin daha verimli yönetilmesine olanak tanır.

import { cookies } from 'next/headers';

export default async function Page() {
  const cookieStore = await cookies();
  const token = cookieStore.get('token');
  // Diğer işlemler
}

Önbellekleme Semantiklerinde Değişiklikler
fetch istekleri, GET Route Handlers ve istemci yönlendirmeleri varsayılan olarak önbelleğe alınmamaktadır. Geliştiriciler, ihtiyaç duyduklarında manuel olarak önbellekleme yapılandırması yapabilirler.

// Varsayılan olarak önbelleğe alınmaz
const response = await fetch('https://api.example.com/data', {
  cache: 'no-store',
});

// Manuel olarak önbellekleme etkinleştirme
const response = await fetch('https://api.example.com/data', {
  cache: 'force-cache',
});

Turbopack ile Geliştirme Performansı
Next.js 15, yerel geliştirme ortamında Turbopack'i kararlı hale getirmiştir. Bu, daha hızlı derleme ve sayfa yenileme süreleri sunar.

next.config.ts Desteği
Artık next.config.js yerine TypeScript ile yazılmış next.config.ts dosyası kullanabilirsiniz. Bu, yapılandırma dosyalarınızda tür denetimi ve geliştirilmiş geliştirici deneyimi sağlar.

next/form ile Gelişmiş Formlar
Yeni next/form bileşeni, HTML formlarını istemci tarafı yönlendirmeleriyle entegre ederek daha hızlı ve kullanıcı dostu form işlemleri sunar.

import { Form } from 'next/form';

export default function MyForm() {
  return (
    <Form action="/api/submit" method="post">
      <input type="text" name="name" required />
      <button type="submit">Gönder</button>
    </Form>
  );
}

ESLint 9 Desteği

Next.js 15, ESLint 9 sürümünü destekler ve kod kalitesini artırmak için güncel linting kuralları sunar.

Bu yenilikler, Next.js 15'in geliştiricilere daha esnek, performanslı ve modern bir geliştirme deneyimi sunmasını hedeflemektedir. Detaylı bilgi için resmi Next.js 15 duyuru blogunu inceleyebilirsiniz.