How do we opt for Static Rendering, Dynamic Rendering and Streaming?

Difficulty: 5/10

rendering strategies, data fetching, performance trade‑offs

Dynamic APIs rely on information that can only be known at request time (and not ahead of time during prerendering). Using any of these APIs signals the developer's intention and will opt the whole route into dynamic rendering at the request time.

These APIs include:

1
Static is default in App Router for better performance, it is default behavior for fetch requests
2
Dynamic data/ dynamic functions automatically opts routes into dynamic rendering. Add options to fetch or use dynamic functions
3
Streaming works best with App Router and React Suspense, Use Suspense boundaries with async components
4
Incremental Static Regeneration (ISR) offers a hybrid approach: Combine static and dynamic parts

0-2 years experience

2-5 years experience

Difficulty: 5/10

rendering strategies, data fetching, performance trade‑offs

These APIs include:

1
Static is default in App Router for better performance, it is default behavior for fetch requests
2
Dynamic data/ dynamic functions automatically opts routes into dynamic rendering. Add options to fetch or use dynamic functions
3
Streaming works best with App Router and React Suspense, Use Suspense boundaries with async components
4
Incremental Static Regeneration (ISR) offers a hybrid approach: Combine static and dynamic parts

0-2 years experience

2-5 years experience