gatsby-config.js

const {
  author,
  description,
  homepage,
  keywords,
  repository,
} = require(`./package.json`);
const { PRIMARY_COLOR } = require(`./codegen/env`);
require(`dotenv`).config();

module.exports = {
  siteMetadata: {
    repo: repository.url.replace(/\.git$/, ''),
    title: `CMSClubs`,
    description,
    homepage,
    keywords,
    author,
  },
  // This is required to make development server to match prod endpoint
  developMiddleware: (app) => {
    const { createProxyMiddleware } = require(`http-proxy-middleware`);
    app.use(
      `/.netlify/functions/`,
      createProxyMiddleware({
        target: `http://localhost:9000`,
        pathRewrite: {
          '/.netlify/functions': ``,
        },
      }),
    );
  },
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `${__dirname}/src/images`,
      },
    },
    {
      resolve: `gatsby-source-graphql`,
      options: {
        headers: {
          Authorization: `Bearer ${process.env.GRAPHCMS_TOKEN}`,
        },
        url: process.env.GRAPHCMS_ENDPOINT,
        typeName: `GraphCMS`,
        fieldName: `gcms`,
      },
    },
    {
      resolve: `gatsby-plugin-sass`,
      options: {
        cssLoaderOptions: {
          camelCase: false,
        },
      },
    },
    {
      resolve: `gatsby-plugin-react-svg`,
      options: {
        rule: {
          include: /images/,
        },
      },
    },
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: process.env.GOOGLE_ANALYTICS_TRACKING_ID,
        respectDNT: true,
        anonymize: true,
        defer: true,
      },
    },
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `cms-clubs`,
        short_name: `cms-clubs`,
        start_url: `/`,
        background_color: `#ffffff`,
        theme_color: PRIMARY_COLOR,
        display: `minimal-ui`,
        icon: `src/images/logo.svg`,
        icon_options: {
          purpose: `maskable`,
        },
      },
    },
    `gatsby-plugin-mini-css-class-name`,
    `gatsby-plugin-offline`,
  ],
};