There 2 main ways Next.js can fetch data on the server:

Although most tools limit you to one of these strategies, with the power of Next.js, you can use both SSR and SSG on a per-page basis, allowing you to serve both static and personnalized conttent without sacrificing performance.

There are 3 examples to show the different ways Next.js can fetch data on the server:

• Static-Site Generation
• Server-side rendering
• HTTP streaming

For each example, the server is artificially fetching two seperate instances of data, a fake blog and information about the author. When the server fetches data for the author of a blog, there is an artificial delay of 3 seconds.The key to this demo, is to exhibit when the delay ocurrs and how it impacts the users' experience.