前提

• Next全員初心者
  • レンダリング知識も薄いくらい
  • ディレクトリ構成も理解していない

1. レンダリング知識を抑える

CSRとは

SSRとは

レンダリング戦略について

SSRを採用事例

• SEO
• 認証はSSRでやりたい
• 大量のリクエストはサーバで捌きたい

SSRのデメリット

• サーバのスピードが落ちる
• 課金増額

2. ReactとNextの違い

• file-based routing
  • pages/の自動ルーティング
• SPAじゃない
• SSR、SSGなどのレンダリングを採用できる

3. ディレクトリ構成を確認