Gatsby とは

React ベースの SSG(static site generator)

公式サイト

• SSG特化
• GraphQL対応
  • contentful等と相性がいい。
• JSX記法
• プラグイン
  • SEO系 : サイトマップ・canonical links・robots.txt生成。パンくずリスト・RSS・PWA化 等
  • ...etc
  • マークダウン系 : Graphviz・数式・コードブロックにタイトルを表示 等
• パフォーマンスがいい
  • 画像最適化
  • ホバー先読み

Gatsby パフォーマンス参考

https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/

Gatsby 入門

https://zenn.dev/tomokiya/books/4b13342f6d878b93e06c/viewer

参考サイト

https://gotohayato.com/content/511/
https://almanac.httparchive.org/en/2021/jamstack
https://engineering.linecorp.com/ja/blog/uit-baseline-for-front-end-development-in-2022/
https://qiita.com/Takumon/items/da8347f81a9f021b637f