Wrap the slow widget in Suspense, not the page
A page with one slow query waits for that query before sending anything. A Suspense boundary around the slow component lets the rest stream first and the slow part arrive when it is ready.
<Suspense fallback={<ActivitySkeleton />}>
<ActivityFeed accountId={id} />
</Suspense>Put the boundary as close to the slow thing as you can. A boundary around the whole page is the same as no boundary.
reactnextjs