Next.js App Router in Depth
LESSON 3.3

Streaming with Suspense

Learn key techniques and workflows in Next.js App Router in Depth.

3m
intermediate
10,701 students

Overview

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.

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

Pro Tip

Use caching and revalidation wisely to ensure your app stays fast and data remains fresh without unnecessary requests.

Resources