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.

Visit the following resources to learn more:

• @official@Loading UI and Streaming
• @official@Instant Loading States
• @official@Suspense
• @[email protected] 15 Tutorial - Loading UI