Next.js 15 ile Modern Fullstack Deneyimi

Server Actions, Turbopack ve edge uyumu

Next.js 15, Server Actions ve Turbopack ile fullstack çalışma şeklini yeniden tanımlar; edge runtime beklentileri belirlenmelidir. Bu yol haritası Fullstack chapter lead profiline yönelik hazırlanmış olup Next.js 15, Turbopack, Server Actions, Postgres araçlarıyla uygulanabilir.

Server Actions ile Veri Akışı

Form gönderimleri ve mutate operasyonları aynı dosyada tutulduğunda hata oranı düşer.

• Action dosyalarını domain bazlı ayırmak
• RevalidatePath ile cache tutarlılığı
• Optimistic UI stratejileri

Turbopack ve DX

Turbopack, modül sınırlarını bilmezse cold start yavaştır.

• Turbopack config’de alias tanımlamak
• Cache snapshot paylaşmak
• Bundle analizi için next build --profile

Edge Runtime Uyumu

Web standard API’lerine geçmeyen kütüphaneler edge’de çalışmaz.

• Node API kullanan bağımlılıkları izole etmek
• Fetch ve Web Crypto tabanlı yardımcılar
• Edge ve Node buildlerini ayrı test etmek

Başarı Metrikleri

• Form hata oranı: -%28 — Server Actions ile form logic basitleşti.
• Dev server cold start: -%35 — Turbopack cache snapshot paylaşımıyla hızlandı.
• Edge uyum oranı: +%40 — Node bağımlılıkları izole edildi.

Kod Örneği — Server Action örneği

export const createPost = async (formData: FormData) => {
  'use server';
  await db.post.create({ data: { ... } });
  revalidatePath('/dashboard/posts');
}

Uygulama Kontrol Listesi

• Server Actions’ı domain bazlı organize et.
• RevalidatePath stratejisini dokümante et.
• Turbopack alias ve cache snapshot paylaş.
• Edge runtime uyum testleri ekle.
• Optimistic UI desenlerini yaygınlaştır.

Anahtar odaklar: nextjs, server actions, edge.