gotohayato.com

月(ダークモード)
太陽(ライトモード)

Gatsby 公式のプラグイン・テーマまとめ

JavaScriptJAMstackSSGReactGatsby

React ベースの静的サイトジェネレータ( SSG )である Gatsby が公式に提供するプラグインとテーマについてまとめました。

正確には、公式の monorepo リポジトリ ↓ で管理されているプラグインとテーマを一覧にしました。 記事執筆時点で monorepo に含まれているおよそ 90 個のプラグイン・テーマを紹介しています。

GitHub リポジトリに置いているので興味のある方は参考にしてください。

ここではリストに含まれているプラグインとテーマの名前だけあげておきます。 興味があるのものがあればリポジトリを覗いてみてください。

プラグイン

  • gatsby-plugin-canonical-urls
  • gatsby-plugin-catch-links
  • gatsby-plugin-coffeescript
  • gatsby-plugin-create-client-paths
  • gatsby-plugin-cxs
  • gatsby-plugin-emotion
  • gatsby-plugin-facebook-analytics
  • gatsby-plugin-feed
  • gatsby-plugin-flow
  • gatsby-plugin-fullstory
  • gatsby-plugin-glamor
  • gatsby-plugin-google-analytics
  • gatsby-plugin-google-gtag
  • gatsby-plugin-google-tagmanager
  • gatsby-plugin-guess-js
  • gatsby-plugin-jss
  • gatsby-plugin-layout
  • gatsby-plugin-less
  • gatsby-plugin-lodash
  • gatsby-plugin-manifest
  • gatsby-plugin-mdx
  • gatsby-plugin-netlify-cms
  • gatsby-plugin-netlify
  • gatsby-plugin-no-sourcemaps
  • gatsby-plugin-nprogress
  • gatsby-plugin-offline
  • gatsby-plugin-page-creator
  • gatsby-plugin-preact
  • gatsby-plugin-preload-fonts
  • gatsby-plugin-react-css-modules
  • gatsby-plugin-react-helmet
  • gatsby-plugin-remove-trailing-slashes
  • gatsby-plugin-sass
  • gatsby-plugin-schema-snapshot
  • gatsby-plugin-sharp
  • gatsby-plugin-sitemap
  • gatsby-plugin-styled-components
  • gatsby-plugin-styled-jsx
  • gatsby-plugin-styletron
  • gatsby-plugin-stylus
  • gatsby-plugin-subfont
  • gatsby-plugin-twitter
  • gatsby-plugin-typescript
  • gatsby-plugin-typography
  • gatsby-remark-autolink-headers
  • gatsby-remark-code-repls
  • gatsby-remark-copy-linked-files
  • gatsby-remark-custom-blocks
  • gatsby-remark-embed-snippet
  • gatsby-remark-graphviz
  • gatsby-remark-images
  • gatsby-remark-images-contentful
  • gatsby-remark-katex
  • gatsby-remark-prismjs
  • gatsby-remark-responsive-iframe
  • gatsby-remark-smartypants
  • gatsby-source-contentful
  • gatsby-source-drupal
  • gatsby-source-faker
  • gatsby-source-filesystem
  • gatsby-source-graphql
  • gatsby-source-hacker-news
  • gatsby-source-lever
  • gatsby-source-medium
  • gatsby-source-mongodb
  • gatsby-source-npm-package-search
  • gatsby-source-shopify
  • gatsby-source-wikipedia
  • gatsby-source-wordpress
  • gatsby-transformer-asciidoc
  • gatsby-transformer-csv
  • gatsby-transformer-documentationjs
  • gatsby-transformer-excel
  • gatsby-transformer-hjson
  • gatsby-transformer-javascript-frontmatter
  • gatsby-transformer-javascript-static-exports
  • gatsby-transformer-json
  • gatsby-transformer-pdf
  • gatsby-transformer-react-docgen
  • gatsby-transformer-remark
  • gatsby-transformer-screenshot
  • gatsby-transformer-sharp
  • gatsby-transformer-sqip
  • gatsby-transformer-toml
  • gatsby-transformer-xml
  • gatsby-transformer-yaml

テーマ

  • gatsby-theme-blog
  • gatsby-theme-blog-core
  • gatsby-theme-blog-darkmode
  • gatsby-theme-notes
  • gatsby-theme-ui-preset

ちなみに、記事執筆時点で Gatsby のプラグインとテーマは、非公式のもの(コミュニティ提供のもの)も含めるとおよそ 2,200 個が公開されています。ただし、メンテナンスされていないものや試しに作って公開しただけのものもちらほらあるようなので、実質使えるものは多くて数百〜千個程度ではないかと思います。


後藤隼人
ウェブサイト制作・ウェブアプリ開発やマーケティングをしています。
GitHub
© 2020 gotohayato.com
サイトについてタグアーカイブメッセージを送る