Next.js · Middle · Question 12 of 75
How do you show a page with slow data in Next.js without delaying the whole page?
- ✓Correct answer: Wrap the slow component in
<Suspense>- it streams in later - 2Move data loading into a client component's
useEffect - 3Increase the server response timeout in
next.config
Explanation
The server sends the shell and fallback right away and appends the slow block's HTML to the stream when it's ready. Loading in useEffect sends empty HTML, adds a request waterfall and hurts LCP. With Cache Components, uncached data must be inside <Suspense>.