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