はじめに フロントエンドに触れる機会が多いのですが、SSR/SSGに詳しくなりたい(ならねばならない)という焦燥に駆られたので、勉強も兼ねて触りたいと思います。手を動かすのであれば、何かものづくりしたいなと思ったので、話題の SvelteKit で SSR/SSG のプロト構築をしてみようと思います。 最終的には、↓のプロトタイプを完成させます。素早く。 SSR / SSG とは SSR は Server Side Rendering、SSG は Static Site Generator の略です。文字通りどちらもサーバ側でレンダリングや静的サイトを作成するもので、CSR(Client Side Rendering) と対比して考えられます。世間を賑わせている React, Vue, Angular によって普及した SPA(Single Page Application) は、CSR
![SvelteKitでSSR/SSGのプロトを爆速構築したい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/66e9253c410194fbf30b78648d2c9385f5f57715/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U3ZlbHRlS2l0JUUzJTgxJUE3U1NSJTJGU1NHJUUzJTgxJUFFJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJTg4JUUzJTgyJTkyJUU3JTg4JTg2JUU5JTgwJTlGJUU2JUE3JThCJUU3JUFGJTg5JUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkNtaWRkbGUmcz0wNzljNjBmNDQzMzNmZDI0YTE3Mjc0Yzk5OTkyNzEzNQ%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQweXltXzA2JTIwaW4lMjAlRTYlQTAlQUElRTUlQkMlOEYlRTQlQkMlOUElRTclQTQlQkUlRTklODclOEUlRTYlOUQlOTElRTclQjclOEYlRTUlOTAlODglRTclQTAlOTQlRTclQTklQjYlRTYlODklODAmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTk1Mzg3MDkxZGM3YmY0MTBjZDNkODExN2VlYWJlNjAz%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dc95ab00b664a5fdc411f1ba045c4781d)