この記事では、Web アプリケーションにおけるデータ取得(データフェッチング)やレンダリングに関する各手法について比較・整理することを目的として、特に最近注目度が高まっている Next.js における SSG(静的サイト生成)や ISR(インクリメンタル静的再生成)、それ以外の手法(SSR、CSR 等)を具体的なテーマとしてお話しします。 Twitter もやっているのでよかったらフォローおねがいします! @_thesugar_ 記事内の解説は正確性を期すよう注意を払っておりますが、誤っている部分などがございましたらコメント欄や Twitter 等でご指摘ください はじめに Web アプリケーションを作るとき、レスポンスの速さをはじめとしたパフォーマンスの問題は開発者にとって大きな関心事となります。 たとえば、最近では Google が Core Web Vitals という Web のパ
![Next.jsにおけるSSG(静的サイト生成)とISRについて(自分の)限界まで丁寧に説明する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c0efbb217236eefefcbebe55ac2b8edce6ac51a2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9TmV4dC5qcyVFMyU4MSVBQiVFMyU4MSU4QSVFMyU4MSU5MSVFMyU4MiU4QlNTRyVFRiVCQyU4OCVFOSU5RCU5OSVFNyU5QSU4NCVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4OCVFNyU5NCU5RiVFNiU4OCU5MCVFRiVCQyU4OSVFMyU4MSVBOElTUiVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFRiVCQyU4OCVFOCU4NyVBQSVFNSU4OCU4NiVFMyU4MSVBRSVFRiVCQyU4OSVFOSU5OSU5MCVFNyU5NSU4QyVFMyU4MSVCRSVFMyU4MSVBNyVFNCVCOCU4MSVFNSVBRiVBNyVFMyU4MSVBQiVFOCVBQSVBQyVFNiU5OCU4RSVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MDk5N2M1MDI1MDk4ZjA1NGQxYmMxNGVjNjg4MjUxYTU%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0aGVzdWdhciZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWJhMjcwYWJiZDU3YTRlMzk1M2I1YjQ3NTFkMjE0NWQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8c365bf8c060187655feeb3c0ba7b775)