Server-Side Rendering (SSR)
SSR, mein, HTML, HAR, REQUEST, PAR, SERVER, PAR, GENERATE, hota hai — USER, ko, TURANT, POORA, RENDERED, PAGE, milta hai (SEO, ke, liye, GOOD, hai), LEKIN, SERVER, PAR, HAR, REQUEST, ke, saath, COMPUTATION, hoti hai.
Next.js, App, Router, mein, DEFAULT, mein, SAARE, COMPONENTS, SERVER, COMPONENTS, HOTE, HAIN — DYNAMIC, DATA, (jaise, cookies(), headers()) USE, karne, PAR, AUTOMATICALLY, SSR, ho, jaata hai.
// Ye component, automatically, SSR, hota, hai (dynamic, function, use, ki):
import { cookies } from "next/headers";
export default async function Page() {
const cookieStore = await cookies();
const theme = cookieStore.get("theme");
return <div>Theme: {theme?.value}</div>;
}- SSR = HAR, request, PAR, server, PAR, HTML, generate, hota, hai
- SEO-friendly aur, ALWAYS-FRESH data, ke, liye, GOOD hai
- Dynamic functions, (cookies, headers) use, karne, PAR, automatically, SSR, hota, hai
Next.js, mein, SSR, "streaming" ke, saath, COMBINE, ho, sakta hai — Suspense, boundaries, se, EK, page, ke, DIFFERENT, PARTS, ALAG-ALAG, TIME, PAR, "STREAM" ho, sakte, HAIN, poore, page, ke, EK, saath, READY, hone, ka, WAIT, kiye, bina.
<Suspense fallback={<Spinner />}>
<SlowComponent />
</Suspense>SSR, mein, HAR, request, PAR, SERVER, PAR, COMPUTATION, hoti hai — HIGH-TRAFFIC, pages, ke, liye, YE, SERVER, LOAD, badha, sakta hai. Caching, (fetch, cache, ya, CDN-level) SSR, ke, COST, ko, MITIGATE, karne, mein, HELP, karti hai.