どういう要件だとNext.jsを使うのが嬉しいんだっけ?
機能から考える
SPA
,
SSR
ソフトナビゲーション
の
提供
API
を用意できる
App Router
Server Components
を扱えることが利点
クライアント
側の負担軽減
データ取得
を行える
パフォーマンス
の向上
PPR
という
アーキテクチャ
の選択肢
table:比較
観点 PPR アイランドアーキテクチャ
主な視点
サーバー
クライアント
主な最適化対象
TTFB
JavaScript
サイズ
「
静的
」が指すもの
static rendering
JavaScript
を必要としない
HTML
キャッシュ
扱いの
難易度
が高い印象がある
Vercel
へのホスティングが手厚い
B2C
案件で向いてそう
SPA
での
管理画面
を作る程度→
Remix
でも良いのではないか?(
SPA
の選択肢が出てきた)
How to choose the best rendering strategy for your app – Vercel
どういった場合に
Next.js
で最適なレンダリングを選択するかについての記事
Next.js って App Router が出てきて平和じゃなくなったよね
App Router時代のZero-Runtimeの理解を深める
RSC
は
DOM
などのブラウザ専用APIは使用できない為、ドキュメントに
style
タグを挿入しているRuntime CSS-in-JSは動作しません。
アーキテクチャ
フロントエンド
要件定義