Next.js
Reactを基盤にフルスタックWebアプリを作るフレームワーク。ルーティング、サーバー描画、データ更新、配信最適化を統合する。
何を担当する？
ルーティング、サーバー描画、データ更新、配信最適化を統合する。
いつ使う？
- Reactで画面とサーバー処理を一つの構成にまとめたいとき。
避けたい場面
- Reactを使わないサイトや単純な静的文書だけを作るとき。
Next.js / React
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
単純な二者択一ではない
Next.jsとReactは担当する層が違います。ただし直接の関係があり、競合というより組み合わせや土台として理解する方が適切です。
React
状態に応じた画面をコンポーネントで組み立てるUIライブラリ。宣言的なUI部品と状態更新の模型を提供する。
何を担当する？
宣言的なUI部品と状態更新の模型を提供する。
いつ使う？
- 操作の多い画面とReactの広い生態系を使いたいとき。
避けたい場面
- ほぼ静的なページにブラウザJavaScriptを増やしたくないとき。
Next.jsはReactを基盤にルーティング、サーバー描画、データ取得を統合する。