Next.js 14 ile birlikte Server Actions artık stabil hale geldi! Form gönderimleri ve veritabanı işlemlerini API route yazmadan, doğrudan component içinden nasıl halledeceğinizi bu yazımızda inceliyoruz.
Server Actions Nedir?
Server Actions, istemci tarafındaki form gönderimlerini doğrudan sunucu tarafındaki asenkron fonksiyonlara bağlamanızı sağlayan güçlü bir özelliktir. Bu sayede gereksiz API endpoint'leri oluşturmaktan kurtulursunuz.
// (c) CodeMareFi - codemarefi.com.tr
export default function FormComponent() {
async function createPost(formData) {
'use server';
const title = formData.get('title');
// Veritabanı işlemleri...
}
return ;
}Güvenlik ve Validasyon
Server Actions kullanırken Zod gibi kütüphanelerle gelen veriyi mutlaka valide etmeli ve yetki kontrollerini (authorization) fonksiyonun en başında yapmalısınız.