gatsby-config.ts

import siteMetadata from './blog-config';


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

export const plugins = [
  {
    resolve: 'gatsby-plugin-google-gtag',
    options: {
      trackingIds: [siteMetadata.googleAnalytics],
      gtagConfig: {
        anonymize_ip: true,
      },
      pluginConfig: {
        head: true,
      },
    },
  },
  {
    resolve: 'gatsby-plugin-firebase',
    options: {
      credentials: {
        apiKey: process.env.API_KEY,
        authDomain: process.env.AUTH_DOMAIN,
        databaseURL: process.env.DATABASE_URL,
        projectId: process.env.PROJECT_ID,
        storageBucket: process.env.STORAGE_BUCKET,
        messagingSenderId: process.env.MESSAGING_SENDER_ID,
        appId: process.env.APP_ID,
      },
    },
  },
  '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,
    },
  },
  'gatsby-plugin-react-helmet',
  'gatsby-plugin-offline',
  'gatsby-plugin-typegen',
];

export { siteMetadata };

export const flags = {
  DEV_SSR: true,
};