यी पेजको HTML कहिले उत्पन्न हुन्छ भन्ने तीनवटा मुख्य रणनीति हुन्। प्रत्येक पेजको लागि सही छनोट गर्नु ताजापन, कार्यक्षमता र सर्भर लागत बीचको सन्तुलन राख्छ।
SSG — Static Site Generation (build समयमा)
() {
posts = (, { : }).( r.());
;
}
यी पेजको HTML कहिले उत्पन्न हुन्छ भन्ने तीनवटा मुख्य रणनीति हुन्। प्रत्येक पेजको लागि सही छनोट गर्नु ताजापन, कार्यक्षमता र सर्भर लागत बीचको सन्तुलन राख्छ।
() {
posts = (, { : }).( r.());
;
}
पेज build समयमा static HTML मा पूर्व-रेन्डर गरिन्छ र CDN मा क्यास गरिन्छ। सबै भन्दा छिटो डेलिभरी, तर अन्तर्वस्तु अगलो build सम्म जमेको रहन्छ। सामग्री विरलै परिवर्तन हुने कुरामा सर्वश्रेष्ठ: मार्केटिङ पेजहरू, डकुमेन्टेशन, ब्लग पोस्टहरू।
// HTML generated FRESH on every request
export default async function Page() {
const data = await fetch("...", { cache: "no-store" }).then(r => r.json());
return <Dashboard data={data} />;
}
सर्भरले अनुरोध अनुसार पेज रेन्डर गर्छ, त्यसैले डेटा सदा वर्तमान हुन्छ — धीमा प्रतिक्रिया र प्रत्येक भेटमा सर्भर लोडको खर्चमा। व्यक्तिगत वा सदा ताजा डेटामा सर्वश्रेष्ठ: ड्यासबोर्डहरू, खाता पेजहरू, खोज परिणामहरू।
// Static, but automatically rebuilt in the background every N seconds
export const revalidate = 60; // regenerate at most once per 60s
export default async function Page() {
const products = await fetch("...", { next: { revalidate: 60 } }).then(r => r.json());
return <Products items={products} />;
}
ISR static HTML (छिटो, CDN-क्यास गरिएको) परोस्छ तर पृष्ठभूमिमा समय तालिका अनुसार पुनः मान्य गर्छ — त्यसैले तपाई पूरो साइट पुनः निर्माण नगरी static कार्यक्षमता आवधिक रूपमा ताजा डेटासँग पाउनुहुन्छ। सामग्री कहिलेकाहीँ परिवर्तन हुने कुरामा सर्वश्रेष्ठ: उत्पाद सूचीहरू, समाचार, लीडरबोर्डहरू।
Speed Freshness Server cost Use for
SSG fastest build-time only none docs, marketing
SSR slower always fresh every request dashboards, personalized
ISR fast every N seconds occasional catalogs, news
App Router मा तपाई यी बिशेष कार्यहरूको सट्टा cache विकल्पहरू (force-cache = SSG, no-store = SSR, revalidate = ISR) मार्फत प्रति-fetch छनोट गर्नुहुन्छ।
ट्रेड-अफ बुझ्न — static सबै भन्दा छिटो तर पुरानो, SSR ताजा तर महँगो, ISR दुवै संतुलन गर्छ — तपाईलाई कार्यक्षमता र डेटा ताजापनको सही मिश्रणको लागि प्रत्येक पेज अनुकूल गर्न दिन्छ।