Loading and Streaming
Last updated
What is Loading and Streaming?
The special file loading.js helps you create meaningful Loading UI with React Suspense. With this convention, you can show an instant loading state from the server while the content of a route segment loads. The new content is automatically swapped in once rendering is complete.
In addition to loading.js, you can also manually create Suspense Boundaries for your own UI components. The App Router supports streaming with Suspense for both Node.js and Edge runtimes.
Free resources to learn Loading and Streaming
- Official docsLoading UI and Streaming
- Official docsInstant Loading States
- Official docsSuspense
- ArticleNext.js 15 Tutorial - Loading UI
Loading and Streaming: common questions
Can I learn Loading and Streaming in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Loading and Streaming in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this Loading and Streaming tutorial for beginners?
It is lesson 24 of 94 in the free Next.js roadmap, in stage 10, Loading and Streaming. If you are new to Next.js, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.