普段はEJS・WordPress・Nuxtをメイン（ブログ用にHexoとかも）に使っているので、Gatsbyで同じことができるかを色々と確認中。

---

すでに確認したこと

• React（初見）はVueと書き方違うけどやること似てた
• JSなのでVS Codeの補完が優秀（Prettierも効いた）
• EmmetもVS Codeの設定追加すれば使えた
• GraphQL標準でMarkdownもheadlessCMSも同じように扱えた
• webpackを採用してるのでnpmのSCSSライブラリ利用が楽
• metaタグはvue-meta的な gatsby-plugin-react-helmet
• prismjsは gatsby-remark-prismjs で組み込めた
• AdSenseは react-adsense で組み込まないと出ない

Gatsbyはv2からなのか、依存関係に peerDependencies が多い。「必要なのでアラートするけど個別にインストールしてね」というやつ。npm install 時にwarnが出ていないか見ておく。

吐き出されるコードはパフォーマンス的に優秀だけどヒューマンフレンドリーな構成・コードではないので、クライアントがベタなHTMLで修正するような案件には使えない。

---

可能っぽいけど未確認

• SCSSのグローバル変数（sass-resources-loader）

  • gatsby-plugin-sassの設定でできそう

• ページング・カテゴリー・タグ・関連

  • nodeの生成でそういうの作ればよさそう

• RSS・サイトマップなどのSEO系

  • プラグインがいくつか出ている様子

• 遷移無しの検索

  • ビルド時にインデックス化するかAlgoliaだろう

• FontAwesome

  • ReactコンポーネントをFontAwesomeが用意してる

• gatsby-plugin-sass / Little improvements · Issue #6655 · gatsbyjs/gatsby
• Creating Tags Pages for Blog Posts | GatsbyJS
• React | Font Awesome

---

GatsbyもといReactをさわり始めて3ヶ月ほど経った。初期に心配していたような内容に関しては、だいたいできるイメージ。

ページング・関連・検索・RSSに関しては、他のGatsbyマスター方の情報を参考にしつつ、必要に迫られたら実装してみる感じ。

ページング

スタータとか参考にする。

関連

• GatsbyでRelated Content(関連記事)を表示する / Hugoの関連記事機能をGatsbyに移植した | Takumon Blog

検索

• GatsbyJSブログに検索を実装してみた - mottox2 blog

RSS

• GatsbyサイトにRSSフィードを追加しました | R note
• GatsbyJSで複数のサイトの情報をまとめたRSS Feedをつくる - mottox2 blog

---

このスレッドはここまでにしてクローズ。