gatsby-config.ts

import siteMetadata from './blog-config';

interface FeedSerializeProps {
  query: {
    site: GatsbyTypes.Site;
    allMarkdownRemark: {
      nodes: GatsbyTypes.MarkdownRemark[];
    };
  };
}

export const plugins = [
  {
    resolve: 'gatsby-plugin-gtag',
    options: {
      trackingId: siteMetadata.googleAnalytics,
      head: false,
      anonymize: true,
    },
  },
  'gatsby-plugin-image',
  {
    resolve: 'gatsby-plugin-module-resolver',
    options: {
      root: './src',
      aliases: {
        '~': './',
      },
    },
  },
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      path: `${__dirname}/content/blog`,
      name: 'blog',
    },
  },
  {
    resolve: 'gatsby-source-filesystem',
    options: {
      name: 'images',
      path: `${__dirname}/src/images`,
    },
  },
  {
    resolve: 'gatsby-transformer-remark',
    options: {
      plugins: [
        {
          resolve: 'gatsby-remark-images',
          options: {
            maxWidth: 630,
          },
        },
        {
          resolve: 'gatsby-remark-responsive-iframe',
          options: {
            wrapperStyle: 'margin-bottom: 1.0725rem',
          },
        },
        {
          resolve: 'gatsby-remark-autolink-headers',
          options: {
            className: 'heading-anchor',
            isIconAfterHeader: true,
          },
        },
        {
          resolve: 'gatsby-remark-katex',
          options: {
            strict: 'ignore',
          },
        },
        'gatsby-remark-external-links',
        'gatsby-remark-prismjs',
        'gatsby-remark-copy-linked-files',
        'gatsby-remark-smartypants',
      ],
    },
  },
  'gatsby-transformer-sharp',
  'gatsby-plugin-sharp',
  {
    resolve: 'gatsby-plugin-feed',
    options: {
      query: `
        {
          site {
            siteMetadata {
              title
              description
              siteUrl
              site_url: siteUrl
            }
          }
        }
      `,
      feeds: [
        {
          serialize: ({
            query: { site, allMarkdownRemark },
          }: FeedSerializeProps) =>
            allMarkdownRemark.nodes.map((node) => {
              const url = `${site.siteMetadata?.siteUrl ?? ''}${
                node.fields?.slug ?? ''
              }`;
              return {
                ...node.frontmatter,
                url,
                description: node.excerpt,
                date: node.frontmatter?.date,
                guid: url,
                custom_elements: [{ 'content:encoded': node.html }],
              };
            }),
          query: `
            {
              allMarkdownRemark(
                sort: { order: DESC, fields: [frontmatter___date] },
              ) {
                nodes {
                  excerpt
                  html
                  fields {
                    slug
                  }
                  frontmatter {
                    title
                    date
                  }
                }
              }
            }
          `,
          output: '/rss.xml',
        },
      ],
    },
  },
  {
    resolve: 'gatsby-plugin-manifest',
    options: {
      name: siteMetadata.title,
      short_name: siteMetadata.title,
      start_url: '/',
      background_color: '#ffffff',
      theme_color: '#663399',
      display: 'minimal-ui',
      icon: siteMetadata.icon,
    },
  },
  {
    resolve: 'gatsby-plugin-robots-txt',
    options: {
      host: 'https://spongelog.netlify.app',
      sitemap: 'https://spongelog.netlify.app/sitemap/sitemap-0.xml',
      policy: [{ userAgent: '*', allow: '/' }],
    },
  },
  'gatsby-plugin-react-helmet',
  'gatsby-plugin-offline',
  'gatsby-plugin-typegen',
  'gatsby-plugin-sitemap',
];

export { siteMetadata };

export const flags = {
  DEV_SSR: true,
};