text: const config = require('./src/config');
  const theme = require('./src/styles/Theme')
  
  module.exports = {
    pathPrefix: "/Portfolio",
    siteMetadata: {
      title: config.siteTitle,
      description: config.siteDescription,
      author: config.author,
      siteUrl: config.siteUrl,
    },
    plugins: [
      `gatsby-plugin-react-helmet`,
      `gatsby-plugin-sitemap`,
      `gatsby-plugin-robots-txt`,
      `gatsby-plugin-styled-components`,
      `gatsby-plugin-sharp`,
      `gatsby-transformer-sharp`,
      `gatsby-plugin-offline`,
      `gatsby-plugin-netlify`,
      // {
      //   resolve: `gatsby-plugin-gtag`,
      //   options: {
      //     trackingId: `UA-XXXXXXXX-X`,
      //     head: false,
      //     anonymize: true,
      //   },
      // },
      {
        resolve: `gatsby-plugin-manifest`,
        options: {
          name: config.siteTitle,
          short_name: config.siteShortTitle,
          start_url: `/`,
          background_color: theme.colors.background,
          theme_color: theme.colors.primary,
          display: `minimal-ui`,
          icon: config.siteIcon, // This path is relative to the root of the site.
        },
      },
      {
        resolve: `gatsby-plugin-mdx`,
        options: {
          extensions: [`.mdx`, `.md`],
          gatsbyRemarkPlugins: [
            {
              resolve: `gatsby-remark-images`,
              options: {
                maxWidth: 1000,
                quality: 80,
              },
            },
          ],
        },
      },
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          path: `${__dirname}/src/content`,
          name: `content`,
        },
      },
    ],
  }
  