Server Actions हे async फंक्शन्स आहेत जे सर्व्हरवर चालतात पण तुमच्या कम्पोनेंट्सकडून थेट कॉल केले जाऊ शकतात (फॉर्म आणि इव्हेंट हँडलर्सकडूनही) — तुम्हाला म्यूटेशन्स (तयार/अपडेट/हटवा) करण्याची परवानगी देते API एंडपॉईंट व्यक्तिचलितपणे तयार न करता. तुम्ही त्यांना "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>
);
}
फॉर्मचा action Server Action कडे निर्देश करतो. सबमिट करताना, Next.js FormData सर्व्हरवर पाठवते, तेथे फंक्शन चालवते, आणि प्रभावित पृष्ठांना रीव्हॅलिडेट करू शकते — सर्व API रूट आणि क्लायंट-साइड fetch कोडशिवाय.
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts हँडलर्स आणि क्लायंट फेच लिहिल्याशिवाय म्यूटेशन्स.revalidatePath/revalidateTag म्यूटेशनानंतर कॅश केलेले डेटा रिफ्रेश करतात.⚠️ 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 सामान्य म्यूटेशन स्टॅक (API रूट + क्लायंट fetch + स्टेट हँडलिंग) एका सर्व्हर फंक्शनमध्ये घालते जो तुम्ही थेट कॉल करता — App Router चे फॉर्म्स आणि डेटा बदलांचे उत्तर.
ते बॉयलरप्लेट कमी करतात, प्रगतिशील वर्धन सक्षम करतात, आणि कॅशिंग/रीव्हॅलिडेशनसह एकत्रित होतात, पण (कोणतेही एंडपॉईंटप्रमाणे) त्यांच्या आत व्हॅलिडेशन आणि ऑथ चेक आवश्यक आहेत.