gatsby-config.js

const config = require("./config");

const pathPrefix = config.pathPrefix === "/" ? "" : config.pathPrefix;

module.exports = {
  pathPrefix: config.pathPrefix,
  siteMetadata: {
    title: `RosieSews.org`,
    description: `RosieSews.org is an new effort to connect mask makers of all types to those in need.`,
    author: `@rosiesewsorg`,
    image: `src/images/logo-icon.png`,
    siteUrl: config.siteUrl + pathPrefix
  },
  plugins: [
    "gatsby-plugin-eslint",
    "gatsby-plugin-react-helmet",
    "gatsby-plugin-styled-components",
    `gatsby-transformer-sharp`,
    "gatsby-plugin-sharp",
    `gatsby-plugin-sitemap`,
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "post",
        path: `${__dirname}/blog`
      }
    },
    {
      resolve: "gatsby-plugin-google-analytics",
      options: {
        trackingId: config.googleAnalyticsID
      }
    },
    // {
    //   resolve: `gatsby-transformer-json`,
    //   options: {
    //     typeName: `Json`,
    //   }
    // },
    {
      resolve: "gatsby-plugin-mdx",
      options: {
        gatsbyRemarkPlugins: [
          {
            resolve: "gatsby-remark-external-links",
            options: {
              target: "_blank",
              rel: "nofollow noopener noreferrer"
            }
          },
          {
            resolve: "gatsby-remark-images",
            options: {
              maxWidth: 830,
              quality: 90,
              withWebp: true,
              linkImagesToOriginal: false
            }
          },
          // TODO: Replace with "mdx-component-autolink-headers"
          {
            resolve: "gatsby-remark-autolink-headers",
            options: {
              maintainCase: false
            }
          }
        ]
      }
    },
    "gatsby-plugin-catch-links",
    "gatsby-plugin-sitemap",
    "gatsby-plugin-lodash",
    {
      resolve: "gatsby-plugin-manifest",
      options: {
        name: config.siteTitleAlt,
        short_name: config.siteTitleManifest,
        description: config.siteDescription,
        start_url: config.pathPrefix,
        background_color: config.backgroundColor,
        theme_color: config.themeColor,
        display: "standalone",
        icon: config.favicon
      }
    },
    "gatsby-plugin-offline"
    // "gatsby-plugin-netlify"
  ]
};