API Routes & Server Actions
Route Handlers
API Endpoints in App Router
💡 Route, handlers, EK, "RECEPTION, DESK" jaisa, hai — EK, SPECIFIC, URL, PAR, INCOMING, REQUESTS, (GET, POST, etc.) ko, RECEIVE, karके, PROCESS, karte, hain aur, EK, RESPONSE, DETE, HAIN, jaise, EK, TRADITIONAL, API, ENDPOINT.
route.js (ya, route.ts) file, EK, app/ ROUTE, ke, ANDAR, DEFINE, ki, jaati hai — HTTP, METHODS, (GET, POST, PUT, DELETE) ke, liye, EXPORTED, FUNCTIONS, se, EK, API, ENDPOINT, banaта hai.
Route, handlers, EK, HI, ROUTE, mein, page.js, ke, saath, CO-EXIST, NAHI, kar, sakte — jaise, app/api/users/route.js, EK, /api/users, API, endpoint, banata, hai (UI, page, NAHI).
// app/api/users/route.js:
import { NextResponse } from "next/server";
export async function GET() {
const users = await db.getUsers();
return NextResponse.json(users);
}
export async function POST(request) {
const body = await request.json();
const user = await db.createUser(body);
return NextResponse.json(user, { status: 201 });
}🔌
Route, handlers, EK, "RECEPTION, DESK" jaisa, hai — EK, SPECIFIC, URL, PAR, INCOMING, REQUESTS, (GET, POST, etc.) ko, RECEIVE, karके, PROCESS, karte, hain aur, EK, RESPONSE, DETE, HAIN, jaise, EK, TRADITIONAL, API, ENDPOINT.
1 / 2
⚡ Quick Recap
- route.js = HTTP methods (GET, POST) export karके, API endpoint, banaта, hai
- Same, route, mein, page.js, ke, saath, co-exist, nahi, ho, sakta
- Mobile/third-party, clients, ke, liye, TRADITIONAL, API, banaне, ke, liye, IDEAL
Is page mein (2 subtopics)
Route, handlers, mein, CUSTOM, HEADERS, (jaise, Access-Control-Allow-Origin) SET, karके, CORS, HANDLE, kiya, ja, sakta hai — THIRD-PARTY, domains, se, API, calls, ALLOW, karne, ke, liye.
export async function GET() {
return NextResponse.json(data, {
headers: { "Access-Control-Allow-Origin": "*" }
});
}request.nextUrl.searchParams, (NextRequest object, se) query, string, parameters, ko, READ, karne, ke, liye, USE, hota hai — jaise, ?page=2, se, page, parameter, extract, karna.
Tip: NextRequest, aur, request, (STANDARD, Web, API, Request), DONO, ka, USE, ho, sakta, hai — NextRequest, EXTRA, Next.js-specific, CONVENIENCE, methods, deta, hai.