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,701 students
Sign in to watch this lesson
Browsing is free. Create an account to play videos and track your progress.
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.
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