Next.js Page Rendering

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

Next.js Data Fetching examples

• Static-Site Generation (SSG)
• Server-Side Rendering (SSR)
• Incremental Static Regeneration (ISR)
• Client-Side Rendering (CSR)

Github

Source code available on Github:
Next.js Page Rendering source code

Version

1.0.0

Dependencies

• critters: ^0.0.10
• next: ^11.0.1
• react: ^17.0.2
• react-dom: ^17.0.2

Tutorial

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