gatsby-config.js

module.exports = {
  siteMetadata: {
    title: 'Hello Gatsby Starter',
    author: {
      name: 'Hello Tham',
      url: 'https://hellotham.com',
      summary:
        'Hello Tham is a boutique management consulting firm. We specialise in Business and IT strategies, operating models, strategic roadmaps, enterprise architecture, analytics and business process design.',
    },
    description: 'A Gatsby v4 starter for corporate/marketing/blog websites.',
    siteUrl: 'https://hello-gatsby-starter.hellotham.com',
    location: 'Rivendell, Middle Earth',
    social: {
      email: 'mailto:info@contact.me',
      phone: 'tel:+61234567890',
      facebook: 'https://www.facebook.com',
      instagram: 'https://www.instagram.com',
      twitter: 'https://twitter.com',
      linkedin: 'https://www.linkedin.com',
      github: 'https://github.com',
    },
  },
  plugins: [
    {
      resolve: 'gatsby-plugin-react-leaflet',
      options: {
        linkStyles: true, // (default: true) Enable/disable loading stylesheets via CDN
      },
    },
    {
      resolve: 'gatsby-plugin-react-svg',
      options: {
        rule: {
          include: /\.inline\.svg$/,
        },
      },
    },
    'gatsby-plugin-postcss',
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-image',
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'images',
        path: `${__dirname}/src/images`,
      },
    },
    'gatsby-transformer-sharp',
    'gatsby-plugin-sharp',
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'mdx',
        path: `${__dirname}/src/mdx/`,
      },
    },
    {
      resolve: 'gatsby-plugin-mdx',
      options: {
        extensions: ['.mdx', '.md'],
        gatsbyRemarkPlugins: [
          {
            resolve: 'gatsby-remark-images',
            options: {
              maxWidth: 2048,
              linkImagesToOriginal: false,
            },
          },
          { resolve: 'gatsby-remark-copy-linked-files' },
          { resolve: 'gatsby-remark-smartypants' },
        ],
        remarkPlugins: [{ resolve: 'remark-slug' }, { resolve: '@mapbox/rehype-prism' }],
      },
    },
    {
      resolve: 'gatsby-plugin-manifest',
      options: {
        name: 'Hello Gatsby Starter',
        short_name: 'hello-gatsby-starter',
        start_url: '/',
        background_color: '#ffffff',
        theme_color: '#660099',
        display: 'minimal-ui',
        icon: 'src/images/gatsby/Gatsby_Monogram.png', // This path is relative to the root of the site.
      },
    },
    'gatsby-plugin-robots-txt',
    {
      resolve: 'gatsby-plugin-sitemap',
      options: {
        output: '/sitemap',
        query: `
        {
          site {
            siteMetadata {
              siteUrl
            }
          }
          allSitePage(filter: { path: {regex: "/^(?!/404/|/404.html|/dev-404-page/)/"} }) {
            nodes {
              path
            }
          }
        }
        `,
        resolvePages: ({ allSitePage: { nodes: allPages } }) => {
          return allPages.map(page => {
            return { ...page }
          })
        },
        serialize: ({ path }) => {
          return {
            url: path,
            changefreq: 'weekly',
            priority: 0.7,
          }
        },
      },
    },
    {
      resolve: 'gatsby-plugin-feed-mdx',
      options: {
        query: `
          {
            site {
              siteMetadata {
                title
                description
                author {
                  name
                }
                siteUrl
                site_url: siteUrl
              }
              buildTime
            }
            allFile(filter: {relativePath: {eq: "gatsby/Gatsby_Monogram.png"}}) {
              nodes {
                childImageSharp {
                  resize(width: 1200) {
                    src
                  }
                }
              }
            }
          }
        `,
        setup(options) {
          return Object.assign({}, options.query, {
            title: options.query.site.siteMetadata.title,
            feed_url: options.query.site.siteMetadata.siteUrl + '/rss.xml',
            image_url:
              options.query.site.siteMetadata.siteUrl + options.query.allFile.nodes[0].childImageSharp.resize.src,
            author: options.query.site.siteMetadata.author.name,
            managingEditor: options.query.site.siteMetadata.author.name,
            webMaster: options.query.site.siteMetadata.author.name,
            copyright: options.query.site.buildTime.slice(0, 4) + ' ' + options.query.site.siteMetadata.title,
            language: 'en',
            pubDate: options.query.site.buildTime,
          })
        },
        feeds: [
          {
            serialize: ({ query: { site, allMdx } }) => {
              return allMdx.edges.map(edge => {
                return Object.assign({}, edge.node.frontmatter, {
                  description: edge.node.frontmatter.description,
                  author: edge.node.frontmatter.author,
                  date: edge.node.frontmatter.date,
                  url: site.siteMetadata.siteUrl + '/' + edge.node.slug,
                  guid: site.siteMetadata.siteUrl + '/' + edge.node.slug,
                  enclosure: {
                    url: site.siteMetadata.siteUrl + edge.node.frontmatter.image.childImageSharp.resize.src,
                  },
                  categories: edge.node.frontmatter.tags,
                  custom_elements: [{ 'content:encoded': edge.node.html }],
                })
              })
            },
            query: `
              {
                allMdx(
                  filter: { slug: { regex: "/^post/" } }
                  sort: { order: DESC, fields: [frontmatter___date] }
                ) {
                  edges {
                    node {
                      frontmatter {
                        title
                        description
                        author
                        date
                        image {
                          childImageSharp {
                            resize(width: 1200) {
                              src
                            }
                          }
                        }
                        tags
                      }
                      html
                      slug
                    }
                  }
                }
              }
            `,
            output: '/rss.xml',
            // optional configuration to insert feed reference in pages:
            // if `string` is used, it will be used to create RegExp and then test if pathname of
            // current page satisfied this regular expression;
            // if not provided or `undefined`, all pages will have feed reference inserted
            // match: '^/post/',
          },
        ],
      },
    },
    // this (optional) plugin enables Progressive Web App + Offline functionality
    // To learn more, visit: https://gatsby.dev/offline
    // "gatsby-plugin-offline",
    'gatsby-plugin-gatsby-cloud',
  ],
}