Loading States the Right Way
Drop a loading.tsx file next to any page.tsx and Next.js wraps it in a Suspense boundary automatically. The loading UI appears instantly while the page streams in.
You can nest Suspense boundaries for granular control over which parts of the page stream first.