![見出し画像](https://assets.st-note.com/production/uploads/images/128296064/rectangle_large_type_2_043e5567782cb36b382fd6ce63a59845.png?width=1200)
今週やったこと(1/15~1/21)
今週やったこと
・演習問題を解く
・Next.jsのTodoアプリの作成
Todoアプリの作成
![](https://assets.st-note.com/img/1705803787932-d0jArgmYGd.png?width=1200)
ToDoの作成練習を基に作成。
一旦一つのページに全コードを書いて作成したので、次週以降ここからコンポーネントに分割をしていく予定。
SSRとSSGについて
Next.jsの特徴の一つでSSRもSSGも対応可能ということで、これなんぞやというのを確認。(Remixの場合はSSR対応しているので、SSGを採用したい場合はNext.jsを考える)
SSR(Server Side Rendering)
ページ遷移のたびにサーバーにリクエストが走り、サーバー側でHTMLを生成し、生成したHTMLをブラウザに返却するアーキテクチャ
SPAのデメリットである初回のレンダリング速度の高速化、SEOの対策が可能になっているのがポイント
SSG(Static Site Generations)
ビルド時にサーバー側でHTMLの生成を行う。クライアントからのリクエスト時には、生成しておいたHTMLを返却するアーキテクチャとなっている
この記事が気に入ったらサポートをしてみませんか?