সার্ভার অ্যাকশনস হল অ্যাসিংক ফাংশন যা সার্ভারে চলে কিন্তু সরাসরি আপনার কম্পোনেন্ট থেকে (ফর্ম এবং ইভেন্ট হ্যান্ডলার সহ) কল করা যায় — যা আপনাকে ম্যানুয়ালি 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 সার্ভার অ্যাকশনের দিকে নির্দেশ করে। সাবমিট করার সময়, Next.js FormData সার্ভারে পাঠায়, ফাংশন সেখানে চালায়, এবং প্রভাবিত পেজগুলি রিভ্যালিডেট করতে পারে — সবকিছু API রুট এবং ক্লায়েন্ট-সাইড ফেচ কোড ছাড়াই।
"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.
সার্ভার অ্যাকশনস সাধারণ মিউটেশন স্ট্যাক (API রুট + ক্লায়েন্ট ফেচ + স্টেট হ্যান্ডলিং) একটি একক সার্ভার ফাংশনে সংকুচিত করে যা আপনি সরাসরি কল করেন — অ্যাপ রাউটারের ফর্ম এবং ডেটা পরিবর্তনের উত্তর।
তারা বয়লারপ্লেট হ্রাস করে, প্রগ্রেসিভ এনহ্যান্সমেন্ট সক্ষম করে, এবং ক্যাশিং/রিভ্যালিডেশনের সাথে ইন্টিগ্রেট করে, কিন্তু (যেকোনো এন্ডপয়েন্টের মতো) সেগুলির মধ্যে ভ্যালিডেশন এবং অথ প্রয়োজন।