⚡ 1. SSR (Server-Side Rendering)
How it works: Page is generated on every request at the server.
Best for: Dynamic data that changes frequently.
✅ SEO-friendly
❌ Slower than static because server work happens on each request
📦 2. SSG (Static Site Generation)
How it works: Page is built once at build time and reused for all visitors.
Best for: Blogs, docs.
✅ Fastest load (CDN cached)
❌ Needs a rebuild to update data
🔄 3. ISR (Incremental Static Regeneration)
How it works: Pages are statically generated but can be revalidated in the background after a set time.
Best for: News, product catalogs, content that updates occasionally.
✅ Static + fresh content
❌ Delay before updated data appears
💻 4. CSR (Client-Side Rendering)
How it works: Page loads first, then fetches data in the browser using hooks like useEffect.
Best for: User dashboards, data only needed after page load.
✅ Dynamic, no server rebuild needed
❌ Not SEO-friendly (data loads after page render)
