Knowledge Base

Layout components in Next.js App Router fetch data sequentially with their child routes because layouts wrap children and must render first. This creates a request waterfall where each nested layout waits for its parent.

Solution: Use parallel data fetching with Promise.all() or move data fetching to the page component.