gatsbyjs/gatsby
5 articles
前提知識
- ›React の基礎知識
- ›npm/yarn によるパッケージ管理の基本的な理解
- ›モノレポの概念についての理解
01
Gatsby のアーキテクチャ：105 パッケージのモノレポを読み解く
Gatsby の巨大な Lerna モノレポの全体像、CLI 委譲パターン、そして build と develop を支える対照的な 2 つのアーキテクチャを解説するガイドです。
02
`gatsby build` をCLIからHTMLまで追う: ブートストラップパイプライン
設定ファイルの読み込みからスキーマ構築、webpackバンドル、HTML生成まで、Gatsbyのビルドコマンドをステップバイステップで解説します。
03
XState駆動の開発サーバー：`gatsby develop` がリアクティビティを制御する仕組み
gatsby develop コマンドを制御する XState 階層型ステートマシンの詳細な解説。プロセス分離、イベント処理、無限ループ防止の仕組みを含む。
04
ノードからクエリへ：Redux、LMDB、GraphQLスキーマ構築の仕組み
GatsbyのデータレイヤーをReduxによる状態管理、LMDBノードストレージ、GraphQLスキーマ推論、クエリ実行パイプラインの観点から深く掘り下げます。
05
Gatsby の拡張機能：Plugin API、テーマ、デプロイアダプター
Gatsby の拡張性を徹底解説。プラグインの解決と読み込み、テーマのコンポジション、source/transformer パターン、ページモード、そしてデプロイ抽象化のアダプター機構まで網羅します。