gatsby.js init

gatsby new [PROJECT_NAME]
gatsby build
gatsby serve
gatsby test

yarn add firebase

yarn add gatsby-plugin-emotion @emotion/core @emotion/styled

{
      resolve: `gatsby-plugin-emotion`,
      options: {
        // Accepts all options defined by `babel-plugin-emotion` plugin.
      },
    }
    
    
npm install --save gatsby-plugin-react-helmet react-helmet
plugins: [`gatsby-plugin-react-helmet`]

npm install --save gatsby-plugin-manifest

{
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `GatsbyJS`,
        short_name: `GatsbyJS`,
        start_url: `/`,
        background_color: `#f7f0eb`,
        theme_color: `#a2466c`,
        display: `standalone`,
      },
    }


npm install --save gatsby-plugin-offline

plugins: [`gatsby-plugin-offline`]


npm install --save gatsby-plugin-google-analytics

   {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: "YOUR_GOOGLE_ANALYTICS_TRACKING_ID",
        // Puts tracking script in the head instead of the body
        head: false,
        // Setting this parameter is optional
        anonymize: true,
        // Setting this parameter is also optional
        respectDNT: true,
        // Avoids sending pageview hits from custom paths
        exclude: ["/preview/**", "/do-not-track/me/too/"],
        // Enables Google Optimize using your container Id
        optimizeId: "YOUR_GOOGLE_OPTIMIZE_TRACKING_ID",
        // Enables Google Optimize Experiment ID
        experimentId: "YOUR_GOOGLE_EXPERIMENT_ID",
        // Set Variation ID. 0 for original 1,2,3....
        variationId: "YOUR_GOOGLE_OPTIMIZE_VARIATION_ID",
        // Any additional create only fields (optional)
        sampleRate: 5,
        siteSpeedSampleRate: 10,
        cookieDomain: "example.com",
      },
    },


npm install --save gatsby-plugin-typography react-typography typography

{
      resolve: `gatsby-plugin-typography`,
      options: {
        pathToConfigModule: `src/utils/typography`,
      },
    },
    
    
    
    
    
npm install --save node-sass gatsby-plugin-sass
plugins: [`gatsby-plugin-sass`]



日本語fontを入れる
https://blog.freks.jp/start-gatsby-blog/