gatsby-config.ts

import type { GatsbyConfig } from 'gatsby'
import path from 'path'
import { siteConfig } from './config'

const { url, title, subtitle, copyright, disqusShortname, menu, author, backgroundColor, themeColor, logo } = siteConfig

const config: GatsbyConfig = {
  siteMetadata: {
    url,
    title,
    subtitle,
    copyright,
    disqusShortname,
    menu,
    author,
    siteUrl: url,
  },
  plugins: [
    /**
     *  Content Plugins
     */
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        path: path.resolve(`content`),
        name: 'pages',
      },
    },
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        path: path.resolve(`static/media`),
        name: 'media',
      },
    },
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'assets',
        path: path.resolve(`static`),
      },
    },
    'gatsby-plugin-image',
    'gatsby-transformer-sharp',
    'gatsby-plugin-sharp',
    /**
     *  Markdown Plugins
     */
    {
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          {
            resolve: 'gatsby-remark-images',
            options: {
              maxWidth: 960,
              linkImagesToOriginal: false,
              quality: 85,
            },
          },
          {
            resolve: 'gatsby-remark-responsive-iframe',
            options: { wrapperStyle: 'margin-bottom: 1.0725rem' },
          },
          'gatsby-remark-autolink-headers',
          'gatsby-remark-prismjs',
        ],
      },
    },
    /**
     *  Subresource Integrity (SRI)
     */
    {
      resolve: 'gatsby-plugin-sri',
      options: {
        hash: 'sha512',
        extensions: ['js'],
        crossorigin: true,
      },
    },
    /**
     *  PNPM Webpack
     */
    'gatsby-plugin-pnpm',
    /**
     *  Google Tag
     */
    /*
    {
      resolve: 'gatsby-plugin-google-gtag',
      options: {
        trackingIds: [googleAnalyticsId],
        gtagConfig: {
          anonymize_ip: true,
          cookie_expires: 3600,
        },
        pluginConfig: {
          head: true,
          respectDNT: true,
        },
      },
    }, */
    /**
     *  Generate Sitemap
     */
    {
      resolve: 'gatsby-plugin-advanced-sitemap',
      options: {
        exclude: ['/page', '/tag'],
      },
    },
    /**
     *  Generate Manifest (PWA)
     */
    {
      resolve: 'gatsby-plugin-manifest',
      options: {
        name: title,
        short_name: title,
        start_url: '/',
        background_color: backgroundColor,
        theme_color: themeColor,
        display: 'standalone',
        icon: logo,
        icon_options: {
          purpose: 'any maskable',
        },
      },
    },
    'gatsby-plugin-offline',
    'gatsby-plugin-catch-links',
    'gatsby-plugin-react-helmet',
    /**
     *  Gatsby CSS Plugins
     */
    'gatsby-plugin-postcss',
    /**
     *  Netlify CMS Plugins
     */
    // disabling plugin and am using prebuilt netlify-cms
    // (this means previews are basic but speeds up build & deploy times)
    // {
    //   resolve: 'gatsby-plugin-netlify-cms',
    //   options: {
    //     modulePath: `${__dirname}/src/cms/index.js`,
    //   },
    // },
    // disabled due to bug with webpack
    // ref: https://github.com/gatsbyjs/gatsby/issues/29974
    // 'gatsby-plugin-netlify',
  ],
}

export default config