GatsbyJSのおじさんを表示して、styled-components追加

概要

このおじさんを表示させます。

手順

npx gatsby new gatsby-app
cd gatsby-app

yarn develop

おじさん表示成功！

styled-components追加

関係モジュール追加

yarn add gatsby-plugin-styled-components styled-components babel-plugin-styled-components

gatsby-config.jsを編集

gatsby-config.js

...
plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-styled-components`,
...

これでOK