Server Actions ऐसे async फ़ंक्शन हैं जो सर्वर पर चलते हैं लेकिन सीधे आपके कंपोनेंट्स से (forms और event handlers सहित) कॉल किए जा सकते हैं — जिससे आप मैन्युअल रूप से कोई API endpoint बनाए बिना mutations (create/update/delete) कर सकते हैं। आप इन्हें "use server" डायरेक्टिव से चिह्नित करते हैं।
;
{ revalidatePath } ;
() {
title = formData.() ;
db..({ : { title } });
();
}
// app/todos/page.tsx — wire the action straight to a form
import { createTodo } from "./actions";
export default function Page() {
return (
<form action={createTodo}> {/* no onSubmit, no fetch, no /api route */}
<input name="title" />
<button>Add</button>
</form>
);
}
form का action Server Action की ओर इशारा करता है। submit पर, Next.js FormData को सर्वर पर भेजता है, फ़ंक्शन वहाँ चलाता है, और प्रभावित पेजों को revalidate कर सकता है — यह सब बिना किसी API रूट और बिना किसी client-side fetch कोड के।
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts handlers और client fetches लिखे बिना mutations।revalidatePath/revalidateTag mutation के बाद कैश किए गए डेटा को रिफ़्रेश करते हैं।⚠️ Server Actions are PUBLIC endpoints under the hood — always validate input and
check authorization inside them, exactly as you would a real API route.
Server Actions सामान्य mutation स्टैक (API रूट + client fetch + state handling) को एक ही सर्वर फ़ंक्शन में समेट देते हैं जिसे आप सीधे कॉल करते हैं — forms और डेटा परिवर्तनों के लिए App Router का उत्तर।
ये boilerplate घटाते हैं, progressive enhancement सक्षम करते हैं, और caching/revalidation के साथ एकीकृत होते हैं, लेकिन (किसी भी endpoint की तरह) इनके भीतर validation और auth जाँच आवश्यक है।
विस्तृत उत्तरों के साथ IT इंटरव्यू प्रश्नों की एक लाइब्रेरी — जूनियर से सीनियर तक।
दान करें