Lesson 3.3

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.

3mIntermediate10.7k students

Overview

What this lesson covers

  • 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

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

Next.js documentation

The official reference for the tools used in this lesson.