🧠 Rendering Types in Next.js

Rendering

Rendering ka matlab hai HTML ko user ke liye show karna. Ye browser ya server dono pe ho sakta hai.

Rendering ek process hai jisme React component ka output browser ko HTML form mein milta hai. Ye base hai har web app ka.

Pre-rendering

Pre-rendering ka matlab hai ke HTML pehlay se generate kar ke ready rakhna, taake user jab aaye to instantly page load ho.

Ye do tarah ka hota hai: SSG (Static Site Generation) aur SSR (Server Side Rendering). SEO aur speed dono ke liye best.

Client-Side Rendering (CSR)

CSR mein page blank load hota hai aur baad mein JavaScript se data aata hai. React apps ya SPA apps mein yeh use hota hai.

Yeh fast hota hai jab app load ho jaye, lekin pehla load slow hota hai. SEO friendly nahi hota unless aap extra setup karo.

Server-Side Rendering (SSR)

SSR mein har user request pe server HTML generate karta hai. Yeh dynamic data ke liye aur SEO ke liye perfect hota hai.

Next.js mein `getServerSideProps()` use hota hai. Jab bhi user page visit karta hai, fresh HTML server se milta hai.

Static Site Generation (SSG)

SSG mein HTML build time pe generate hoti hai. Ye sab se fast aur SEO-friendly method hai.

Next.js mein `getStaticProps()` use hota hai. Page sirf build time pe banta hai. ISR use karo agar data time-to-time update hota ho.