panda_noir https://blog.hatena.ne.jp/panda_noir/ Panda Noir https://www.pandanoir.info/ Next.js 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 のフェッチが始まる ぱっと聞か… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2023%2F11%2F27%2F201527" title="Next.js で layout をネストしたときパフォーマンスはどうなるのか? - Panda Noir" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-11-27 20:15:27 rich https://www.pandanoir.info/entry/2023/11/27/201527 1.0 100%