gatsby-config.js

const env = process.env.NODE_ENV || 'dev';

const object = {
  siteMetadata: {
    title: 'Huw',
    author: 'Huw Evans',
    siteUrl: 'https://huw.nu/',
    description: "huw's website & blog",
  },
  plugins: [
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        path: `${__dirname}/src/pages`,
        name: 'pages',
      },
    },
    {
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          {
            resolve: 'gatsby-remark-images',
            options: {
              maxWidth: 590,
              linkImagesToOriginal: false,
            },
          },
          {
            resolve: 'gatsby-remark-responsive-iframe',
            options: {
              wrapperStyle: 'margin-bottom: 1.0725rem',
            },
          },
          'gatsby-remark-prismjs',
          'gatsby-remark-copy-linked-files',
          'gatsby-remark-smartypants',
          'gatsby-remark-katex',
        ],
      },
    },
    'gatsby-transformer-sharp',
    'gatsby-plugin-sharp',
    {
      resolve: 'gatsby-plugin-google-analytics',
      options: {
        trackingId: 'UA-48673282-2',
      },
    },
    'gatsby-plugin-feed',
    'gatsby-plugin-offline',
    'gatsby-plugin-react-helmet',
    {
      resolve: 'gatsby-plugin-typography',
      options: {
        pathToConfigModule: 'src/utils/typography',
      },
    },
    'gatsby-plugin-netlify',
  ],
};

if (env === 'production') {
  object.plugins.push({
    resolve: 'gatsby-plugin-styled-components',
    options: {
      displayName: false,
    },
  });
} else {
  object.plugins.push({
    resolve: 'gatsby-plugin-styled-components',
  });
}

module.exports = object;