Next.js support 4 rendering strategies to generate, deliver and render a React Single Page App on the client-side:
- Static-Site Generation (SSG)
- Server-Sider Rendering (SSR)
- Incremental Static Regeneration (ISR)
- Client-Side Rendering (CSR)
The fetching methods are getServerSideProps, getStaticProps.
Live demo for performance and Lighhouse testing with Chrome DevTools available here:
Next.js Page Rendering Demo
Learn how page rendering and data fetching works in Next.js:
Next.js: The Ultimate Cheat Sheet To Page Rendering