Skip to main content

csr-ssr-ssg

CSR SSR SSG ISG#

  • SSR (its at run time), CSR, SSG(its at build time, static site generation), ISG (incremental site generation) and SEO
  • SSR is achieved in react using next.js (using getserversideprops function in next.js)
  • SSG is achieved in react using getStaticProps function in next.js (with data and without data), generated on build time; e.g blog posts
  • With Data SSG, on build, react makes the api request get data and then populate and create html; We can also create SSG html on build and let client make api call and populate e.g https://tinyurl.com/4nt5sypb