text: const config = require('./src/utils/config.js');
  
  module.exports = {
    siteMetadata: {
      title: config.siteName,
      author: config.author,
      description: config.description,
      siteUrl: config.siteUrl,
    },
    plugins: [
      {
        resolve: `gatsby-plugin-mdx`,
        options: {
          defaultLayouts: {
            default: require.resolve('./src/components/PageLayout.js'),
          },
          gatsbyRemarkPlugins: [
            {
              resolve: `gatsby-remark-images`,
              options: {
                maxWidth: 1035,
                sizeByPixelDensity: true,
              },
            },
          ],
        },
      },
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `posts`,
          path: `${__dirname}/src/content/posts/`,
        },
      },
      `gatsby-plugin-styled-components`,
      `gatsby-plugin-sharp`,
      `gatsby-plugin-react-helmet`,
      {
        resolve: `gatsby-plugin-google-analytics`,
        options: {
          trackingId: config.googleAnalytics,
        },
      },
      {
        resolve: 'gatsby-plugin-manifest',
        options: {
          name: config.siteName,
          short_name: config.siteName,
          start_url: config.siteUrl,
          background_color: config.backgroundColor,
          theme_color: config.themeColor,
          display: 'minimal-ui',
          icon: './static/images/logo-1024.svg',
        },
      },
      `gatsby-plugin-offline`,
    ],
  };
  