Server Actions async functions ہیں جو سرور تے چلدے ہیں پر تہاڈے components توں براہ راست کال کیتے جا سکدے ہیں (فارمز اور event handlers توں وی) — جیڑے تہانوں mutations (create/update/delete) کرن دیندے ہیں بغیر API endpoint دے ہاتھوں بنائے۔ تسیں انہیں "use server" directive نال نشان زد کردے ہو۔
;
{ 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 نوں سرور توں پیجھے، اوتھے function چلاؤندا ہے، اور متاثر صفحیاں دی revalidate کر سکدا ہے — سب کجھ بغیر API route اور بغیر client-side fetch code دے۔
"use client";
import { createTodo } from "./actions";
export function AddButton() {
return <button onClick={() => createTodo(/* ... */)}>Add</button>;
}
route.ts handlers اور client fetches لکھے۔revalidatePath/revalidateTag mutation دے بعد cached data نوں ریفریش کردے ہیں۔⚠️ 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 stack (API route + client fetch + state handling) نوں ایک سنگل سرور function وچ ڈھاہندے ہیں جیڑا تسیں براہ راست کال کردے ہو — App Router دا جواب فارمز اور ڈیٹا دی تبدیلیاں دے لئی۔
اوہ boilerplate نوں گھٹاؤندے ہیں، progressive enhancement دی اہل بناؤندے ہیں، اور caching/revalidation نال مربوط کردے ہیں، پر (جویں کوئی وی endpoint) انہیں اندر validation اور auth checks دی ضرورت ہے۔
ਵਿਸਤ੍ਰਿਤ ਜਵਾਬਾਂ ਨਾਲ IT ਇੰਟਰਵਿਊ ਸਵਾਲਾਂ ਦੀ ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ — ਜੂਨੀਅਰ ਤੋਂ ਸੀਨੀਅਰ ਤੱਕ।
ਦਾਨ ਕਰੋ