Next.js Server Actions
Server Actions, useFormState, useFormStatus, mutasyonlar, aşamalı geliştirme, yeniden doğrulama
1Next.js'te Server Action nedir?
Next.js'te Server Action nedir?
Cevap
Server Action, yalnızca sunucuda çalışan ve Client veya Server bileşenlerinden doğrudan çağrılabilen asenkron bir fonksiyondur. Açık bir API route oluşturmadan veri mutasyonlarını (POST, PUT, DELETE) yönetir. Server Actions, API route + istemci tarafı fetch çağrısı tekrarını önleyerek kodu basitleştirir.
2Ayrı bir dosyada Server Action nasıl tanımlanır?
Ayrı bir dosyada Server Action nasıl tanımlanır?
Cevap
Ayrı bir dosyada Server Action oluşturmak için dosyanın üstüne 'use server' direktifini ekleyin ve async fonksiyonları dışa aktarın. Bu yaklaşım, yeniden kullanılabilirlik ve sorumlulukların ayrılması için önerilir. Fonksiyonlar daha sonra herhangi bir Client veya Server bileşenine aktarılabilir.
3Server Action ile API route arasındaki fark nedir?
Server Action ile API route arasındaki fark nedir?
Cevap
Server Actions, açık bir REST endpoint oluşturmadan bileşenlerden doğrudan çağrılabilirken, API routes HTTP çağrısı (fetch) gerektirir. Server Actions, route + istemci çağrısı tekrarını önleyerek kodu basitleştirir. Basit mutasyonlar için idealdir, ancak API routes, herkese açık uç noktalar veya webhooklar için hâlâ kullanışlıdır.
Bir HTML formunda Server Action nasıl kullanılır?
Bir Server Action, formdan ne tür veri alır?
+17 mülakat soruları
Diğer React / Next.js mülakat konuları
JavaScript Temelleri
React Temelleri
React Hooks
Bileşen yaşam döngüsü
React Router
Context ile state yönetimi
Formlar ve Controlled Components
Veri Çekme ve API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Temelleri
React ile TypeScript
Next.js Veri Çekme
Next.js Routing ve Navigasyon
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware ve Auth
React Testing
Zustand State Management
React Performans Optimizasyonu
Error Boundaries & Error Handling
Advanced React Patterns
Next.js Gelişmiş Özellikler
Next.js Dağıtım & Üretim
Architecture & Design Patterns
React Server Components
Next.js Uluslararasılaştırma
React Güvenlik & En İyi Uygulamalar
Bir sonraki mülakatın için React / Next.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla