Next.js 15 ve Server Actions: Modern Web'in Yeni Mimarisi

API Çağı Bitiyor mu?

Geleneksel web geliştirmede frontend ve backend arasında her zaman kalın bir duvar vardı: API Endpoints. Veriyi almak için GET, değiştirmek için POST istekleri atar, aradaki JSON trafiğini yönetmek için onlarca satır kod yazardık.

Suprast olarak, Next.js 15 ile bu duvarı yıkıyoruz. Artık frontend, backend'i doğrudan çağırıyor. Nasıl mı? Server Actions ile.

Server Actions Nedir?

Basitçe; sunucuda çalışan bir fonksiyonu, sanki bir JavaScript butonuymuş gibi istemci (client) tarafında tetikleyebilmek demektir. HTTP methodları, serializasyon veya ekstra API route dosyaları yok.

// actions/create-project.ts
'use server';

export async function createProject(formData: FormData) {
  await db.project.create({ ... });
  revalidatePath('/projects');
}

Neden Bu Mimariyi Seçtik?

1. Zero-Bundle Size: Server Action kodları istemciye (tarayıcıya) asla gönderilmez. Bu, uygulamanın açılış hızını dramatik şekilde artırır.
2. End-to-End Type Safety: TypeScript ile yazdığımız backend tipleri, frontend'de otomatik olarak tanınır. Veri tabanı şeması değiştiğinde, form bileşeni hata verir. Bu, 'Runtime Error' riskini sıfırlar.
3. Progressive Enhancement: JavaScript kapalı olsa bile formlar çalışmaya devam eder (React 19 sayesinde).

Sonuç

Suprast mühendislik ekibi olarak, Novarge ve Sigortafi gibi yüksek trafikli projelerimizde bu mimariye geçiş yaptık. Sonuç: %40 daha az kod, %100 daha güvenli veri akışı.

Gelecek, API'sız bir web.