Gatsby
ReactとGraphQLを使う静的サイト生成フレームワーク。複数のコンテンツ源をビルド時に集約し、最適化したページを生成する。
何を担当する？
複数のコンテンツ源をビルド時に集約し、最適化したページを生成する。
いつ使う？
- 既存Gatsby資産を保守するか、静的生成の設計を学ぶとき。
避けたい場面
- 活発な新規開発と最新のReactフルスタック機能を優先するとき。
Gatsby / Remix
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
GatsbyとRemixはどちらも「Webサイト・Webアプリ」の技術なので、同じ土俵で比較しやすい組み合わせです。
Remix
Web標準へ寄せたフルスタックWebフレームワークの系統。v2系はReact Routerへ統合され、v3 ベータは別の簡潔な道具群として再設計されている。
何を担当する？
v2系はReact Routerへ統合され、v3 ベータは別の簡潔な道具群として再設計されている。
いつ使う？
- Remix v2資産を理解するか、v3の新しい設計を検証するとき。
避けたい場面
- Remix v3の安定版を前提に本番構成を固定したいとき。
RemixとGatsbyはWebアプリ全体の描画・ルーティング・配備方式で比較される。v2系はReact Routerへ統合され、v3 ベータは別の簡潔な道具群として再設計されている。一方、Gatsbyは複数のコンテンツ源をビルド時に集約し、最適化したページを生成する。