Lesson 3.33mIntermediate10.7k students

Streaming with Suspense

Streaming lets the fast parts of a page render while the slow parts are still loading, so time to first paint stops being hostage to your slowest query.

This lesson sits in Data Fetching and Caching, part of Next.js App Router in Depth. It assumes what came before it and leads directly into the next lesson in the module.

In this lesson you will

  • Wrap slow subtrees in Suspense with a real fallback
  • Use loading files for route-level streaming
  • Avoid blocking the shell on a single slow request

Resources