Next.js 15 ile Doğal Server Actions

Next.js 13 ile deneysel olarak gelen, 14 ile stabilleşen Server Actions, 15 ile beraber production-ready durumda. Bu yazıda neden artık klasik REST API'ye gerek kalmadan veri yazabileceğinizi göstereceğim.

Server Actions neden güzel?

1. Tek dosyada form + state + validasyon — ayrı bir /api rotasına gerek yok.
2. Progressive enhancement — JavaScript yüklenmeden de form çalışır.
3. Tip güvenliği — sunucu tarafında tip kontrolü doğal olarak gelir.

Basit bir örnek

// app/posts/new/page.tsx
import { createPost } from "./actions";

export default function Page() {
  return (
    <form action={createPost}>
      <input name="title" required />
      <textarea name="content" required />
      <button type="submit">Yayınla</button>
    </form>
  );
}

Görüldüğü gibi ayrı bir API rotası yazmaya, fetch çağrısı yapmaya, hata yönetimi için state'e gerek yok. Sunucu tarafında her şey doğal akıyor.