今週やったこと

・演習問題を解く
・Next.jsのTodoアプリの作成

Todoアプリの作成

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を返却するアーキテクチャとなっている