チームメンバー
- 小林 秀樹(セカヤサ)
- abeshi
- カルキチ副島
- けんや
レンダリング戦略
- SG・・・何回アクセスしても変わらない場合。(お問い合わせフォーム、プライバシーポリシーとか)
- SSR・・・認証が必要な場合。(会員ページとか)
- ISR・・・生成するページ数が多い(10000ページ以上とか)場合。
ページを再生成するタイミングを任意のタイミング指定できるOn demand ISRもある。
→isrだとrevalidateで指定した期間が経過するたびにHTMLが再生成されてしまうので、PV数が多いサイト、アプリケーションだとコストがえぐいことになる。
- 何回アクセスしても変わらない→SGで
- Next.jsの認証→NextAuthでセッション管理?
- SPAでUI/UXを優先した結果Googleのクローラーが認識しにくくなった→SSRとかSGが必要になった
- to B系のSassだったらSEOほぼ関係ないからNext.jsを利用するメリットとしては認証とかルーティング周りの恩恵が大きそう
RSC(React Server Components)
React Componentをサーバーサイドで生成して、サーバーサイドで必要なcomponentを生成してクライアントサイドに返却することができる。
バンドルされるJSを減らすことができるメリットがある。