Static Site Generation (SSG)
SSG, mein, PAGES, BUILD-TIME, PAR, HI, HTML, mein, GENERATE, ho, jaate, HAIN — RUNTIME, PAR, KOI, SERVER, COMPUTATION, NAHI, HOTA, EXTREMELY, FAST, aur, CDN, se, DIRECTLY, SERVE, kiya, ja, sakta hai.
Ek, COMPONENT, AUTOMATICALLY, STATIC, (SSG) hota hai, AGAR, WOH, KOI, DYNAMIC, function, (cookies, headers, SEARCH, params) USE, NAHI, karta — MOST, blog, posts, DOCS, JAISE, CONTENT, ISI, CATEGORY, mein, AATE, HAIN.
// Ye page, automatically, static, hai (koi, dynamic, function, use, nahi):
export default async function BlogPost({ params }) {
const post = await fetch(`https://api.example.com/posts/${params.slug}`);
return <article>{/* ... */}</article>;
}
// generateStaticParams(), BUILD-TIME, PAR, KAUN, SI, PAGES, generate, karni, hain, BATATA, hai:
export async function generateStaticParams() {
const posts = await getPosts();
return posts.map(post => ({ slug: post.slug }));
}- SSG = build-time, PAR, HTML, generate — runtime, PAR, ZERO, computation
- generateStaticParams(), BATATA, hai, KAUN, si, dynamic, pages, PRE-generate, karni, hain
- Content, JO, frequently, change, NAHI, hota, uske, liye, IDEAL, hai
Agar, generateStaticParams(), HAZAARO, pages, RETURN, karta hai, BUILD, TIME, KAAFI, LAMBA, ho, sakta hai — ISR, (sirf, POPULAR, pages, ko, PRE-generate, karके, BAAKI, ko, on-demand, generate, karna) EK, SOLUTION, hai.
output: "export" (next.config.js mein) EK, POORI, TARAH, STATIC, HTML/CSS/JS, output, generate, karta hai — SSR, YA, dynamic, features, (jaise, API, routes) SUPPORT, NAHI, hote — SIMPLE, static, hosting, (jaise, GitHub, Pages) ke, liye, useful, hai.
module.exports = { output: "export" };