આ પેજના HTML ક્યારે બનાવવામાં આવે છે તેના માટે ત્રણ મુખ્ય વ્યૂહ છે. પ્રતિ પૃષ્ઠે યોગ્ય એક પસંદ કરવું તાજગી, પ્રદર્શન અને સર્વર ખર્ચને સંતુલિત કરે છે.
SSG — Static Site Generation (બિલ્ડ સમયે)
tsx
() {
posts = (, { : }).( r.());
;
}
આ પેજના HTML ક્યારે બનાવવામાં આવે છે તેના માટે ત્રણ મુખ્ય વ્યૂહ છે. પ્રતિ પૃષ્ઠે યોગ્ય એક પસંદ કરવું તાજગી, પ્રદર્શન અને સર્વર ખર્ચને સંતુલિત કરે છે.
() {
posts = (, { : }).( r.());
;
}
પૃષ્ઠ બિલ્ડ સમયે સ્ટેટિક HTML માં પૂર્વ-રેન્ડર કરવામાં આવે છે અને CDN પર કેશ કરવામાં આવે છે. સૌથી ઝડપી સંભવિત ડિલિવરી, પરંતુ સામગ્રી આગળની બિલ્ડ સુધી ફ્રોજન હોય છે. આ સર્વોત્તમ કન્ટેન્ટ માટે છે જે ભાગ્યે જ બદલાય છે: માર્કેટિંગ પૃષ્ઠ, ડોક્યુમેન્ટેશન, બ્લોગ પોસ્ટ.
// 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 સ્ટેટિક HTML (ઝડપી, CDN-કેશ્ડ) પરંતુ પુનર્મૂલ્યાંકન તે અનુસૂચી પર પૃષ્ઠભૂમિમાં કરે છે — તેથી તમને સ્ટેટિક પ્રદર્શન સાથે સમયાંતરે તાજા ડેટા મળે છે, સમગ્ર સાઇટને પુનરર્માણ કર્યા વિના. આ સર્વોત્તમ સામગ્રી માટે છે જે અવસર પર બદલાય છે: પણ યાદી, સમાચાર, લીડરબોર્ડ.
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 માં તમે આ કેશ વિકલ્પો (force-cache = SSG, no-store = SSR, revalidate = ISR) દ્વારા પ્રતિ-ફેચ પસંદ કરો છો વિશેષ કાર્યોને બદલે.
ટ્રેડ-ઑફને સમજવું — સ્ટેટિક સૌથી ઝડપી પણ જૂનો છે, SSR તાજો પણ ખર્ચાળ છે, ISR બંને સંતુલિત કરે છે — તમને પ્રદર્શન અને ડેટા તાજગીના યોગ્ય મિશ્રણ માટે દરેક પૃષ્ઠને શ્રેષ્ઠ કરવા દે છે.