Loading...
This is the loading.js fallback UI automatically displayed by Next.js
This is the loading.js fallback UI automatically displayed by Next.js
Loading UI is a powerful feature in Next.js. By creating a loading.js file, you can automatically display a fallback UI when a page or component is loading, enhancing the user experience.
When a route segment is loading, Next.js automatically displays the nearest loading.js boundary until the content finishes loading. This is very useful for scenarios like data fetching and code splitting.
Experience how Next.js's loading.js file convention works
Click the button below to enter a dedicated demo page that contains asynchronous components, which will truly trigger the display of loading.js.
✅ The demo page will truly trigger loading.js, while the entry page remains fast-loading