gatsbyjs.com

Gatsbyはこのプロジェクトに適したフレームワークですか？

Gatsbyは、コンテンツ指向のウェブサイトに使用できる複数のフレームワークの1つです。有用な比較とは、一般論としてどの名前が勝るかではなく、チームのコンポーネント、コンテンツソース、レンダリング要件、デプロイ先、保守能力に最も適したアーキテクチャはどれかを判断することです。

判断用スコアカード

各記述を、「重要ではない」を表す0から「中心的な要件」を表す2までで採点してください。結果は自動選択の計算式としてではなく、プロトタイプ作成の指針として使用します。

プロジェクトのニーズ	Gatsbyを示す度合い	テストする内容
Reactが標準のコンポーネントモデルである	強い	GatsbyのAPIがチームの既存のReactプラクティスに適合することを確認します。
コンテンツが複数のソースから提供される	強い	実際のソース統合を構築し、生成されたグラフを確認します。
共有GraphQLデータレイヤーに価値がある	強い	代表的な関係、クエリ、スキーマ変更をモデル化します。
プロジェクトに混合レンダリングが必要である	関連あり	想定するホスト上でSSG、DSG、SSR、クライアントルートを検証します。
サイトがGatsbyプラグインに依存している	関連あり	正確なパッケージ、バージョン、ドキュメント、保守状況を確認します。
サイトに非常に大規模なコンテンツセットがある	条件付き	クリーンビルド、画像処理、DSGの動作、出力サイズを測定します。
プロジェクトの大部分が動的アプリケーションである	条件付き	リクエスト時およびクライアント側のアーキテクチャを、よりアプリケーション中心の選択肢と比較します。

候補を比較する方法

• 1つの詳細ページ、1つの一覧、ナビゲーション、画像ワークフローを実装します。
• 実際を代表するコンテンツ量と実際のソースシステムを使用します。
• アクセシビリティ、ブラウザ出力、ビルド動作、障害処理を比較します。
• すべてのレンダリングモードに対するデプロイ環境の対応を確認します。
• 統合機能とフレームワーク固有のコードを誰が保守するかを見積もります。

周辺のディレクトリインターフェースでは、現在公開されている関連プロジェクトを動的に表示できます。それらの項目は発見を助けるものであり、推奨や固定された競合関係を示すものではありません。選択前に各プロジェクトの公式ドキュメントを参照し、同じ本番環境に近いシナリオを比較してください。