Next.js で layout をネストしたときパフォーマンスはどうなるのか? - Panda Noir

Next.js で作ったアプリの /foo にアクセスすると app/layout.tsx と app/foo/layout.tsx の両方が適用されます。 さて、このネストされた2つの layout それぞれでデータフェッチをしていた場合、どうなるでしょうか? app/layout.tsx のフェッチ完了後に app/foo/layout.tsx のフェッチが始まる app/foo/layout.tsx のフェッチ完了後に app/layout.tsx のフェッチが始まる 同時に app/layout.tsx のフェッチと app/foo/layout.tsx のフェッチが始まる ぱっと聞かれて分かりますか?僕は分からなかったので リポジトリ を実際に作って検証してみました。 答え: 同時に app/layout.tsx のフェッチと app/foo/layout.tsx のフェッチが始

[jay-es]

ネストしたレイアウトの処理は直列ではなく並列に実行される