Skip to content

Next.js supports 4 rendering strategies to generate, deliver and render a React Single Page App on the client side: SSG, SSR, ISR and CSR.

Notifications You must be signed in to change notification settings

guydumais/next-page-rendering

 
 

Repository files navigation

Alt

Next.js 11 Page Rendering

Next.js support 4 rendering strategies to generate, deliver and render a React Single Page App on the client-side:

  1. Static-Site Generation (SSG)
  2. Server-Sider Rendering (SSR)
  3. Incremental Static Regeneration (ISR)
  4. Client-Side Rendering (CSR)

The fetching methods are getServerSideProps, getStaticProps.

Demo

Live demo for performance and Lighhouse testing with Chrome DevTools available here:
Next.js Page Rendering Demo

Tutorial

Learn how page rendering and data fetching works in Next.js:
Next.js: The Ultimate Cheat Sheet To Page Rendering

Packages

No packages published

Languages

  • TypeScript 83.4%
  • Dockerfile 10.1%
  • CSS 5.8%
  • JavaScript 0.7%