Gatsby.jsにreact-helmetを導入してhead要素(メタタグ)をカスタマイズする GatsbyでHTMLファイルを書き出すと、初期状態ではメタタグはおろかタイトルもないんですよね。 その辺のカスタマイズは「helmet」とというプラグイン使うと簡単らしいでご紹介します。 投稿日2019年10月14日 更新日2019年10月14日 Gatsbyがはじめての方は下記の記事も参考にしてください。 React製静的サイトジェネレーターGatsby使ってみた インストール 下記コマンドでプラグインをインストールします。 react-helmetはReactのコンポーネントですが、それをGatsbyのプラグインで利用できるようにしたのがgatsby-plugin-react-helmetですね。 $ npm install --save gatsby-plugin-react-helm
![Gatsby.jsにreact-helmetを導入してhead要素(メタタグ)をカスタマイズする](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6afc85a6226856e1773f84b362f229b2c9f6dc9/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2F1011s.png)