Knowledge base

NextJs

Rendering

• fetch data with useEffect() --> client side render: learn Nextjs
• "Every page is prerendered by default"
• SSR: generate html for EACH request
• hydration: attach event handlers to buttons
• "opt to SSR pages with getServerSideProps"

when to use what: good demos

• SSR - ecommerce page
• SSG - blog - static or does not update often "headless CMS", renders once on build time?
• CSR - just text from source code(?) - no, that is still SSG, its e.g useEffect().
• SWR - server side fetching - works nice with SSG
• ISR - incremental static regeneration - SSG but rebuild periodically

Routing

• pages/api/x are used by clients docs.
• pages/server/x are used by middleware etc: docs.