gatsby-config.ts

/// <reference lib='es2019.array' />
import dotenv from 'dotenv';
import type { GatsbyConfig } from 'gatsby';

dotenv.config({
  path: `.env.${process.env.NODE_ENV as string}`,
});

const isDevelopment = process.env.NODE_ENV === 'development';

const metadata = {
  name: `Junyoung/"Clare" Jang`,
  shortName: `J. Jang`,
  description: `Ailrun's Blog`,
  themeColor: `#000000`,
  siteUrl: `https://Ailrun.github.io`,
};

const graphqlTypegen = isDevelopment;

const config: GatsbyConfig = {
  siteMetadata: {
    name: metadata.name,
    shortName: metadata.shortName,
    siteUrl: metadata.siteUrl,
    description: metadata.description,
    author: `Junyoung/"Clare" Jang (@Ailrun)`,
    locales: [
      `ko_KR`,
    ],
    themeColor: metadata.themeColor,
    titleTemplate: `%s - ${metadata.shortName}`,
  },
  plugins: [
    `gatsby-plugin-custom-eslint`,
    `gatsby-plugin-typescript`,
    ...(graphqlTypegen ? [] : [`gatsby-plugin-custom-ts-checker`]),

    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `./post/`,
        name: `MarkdownPost`,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `./post-draft/`,
        name: `MarkdownPost`,
      },
    },

    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-autolink-headers`,
            options: {
              enableCustomId: true,
              isIconAfterHeader: true,
            },
          },
          {
            resolve: `gatsby-remark-katex`,
            options: {
              strict: `error`,
            },
          },
        ],
      },
    },

    `gatsby-plugin-catch-links`,
    `gatsby-plugin-preload-fonts`,
    `gatsby-plugin-react-helmet-async`,
    `gatsby-plugin-emotion`,
    `gatsby-plugin-sitemap`,
    {
      resolve: `gatsby-plugin-robots-txt`,
      options: {
        policy: [
          {
            userAgent: `*`,
            disallow: [
              `/iframe/`,
              `/${process.env.GATSBY_DRAFT_PATH as string}/`,
            ],
          },
        ],
      },
    },
    /**
     * Add localization after language switch is enabled.
     */
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: metadata.name,
        short_name: metadata.shortName,
        description: metadata.description,
        start_url: `/ko/posts/index.html`,
        scope: `/ko/`,
        background_color: metadata.themeColor,
        theme_color: metadata.themeColor,
        display: `standalone`,
        icon: `src/assets/icon.png`,
        crossOrigin: `use-credentials`,
      },
    },
    {
      resolve: `gatsby-plugin-offline`,
      options: {
        precachePages: [
          `ko`,
          `en`,
        ]
          .map((language) => [
            `/${language}/*`,
          ])
          .flat()
          .concat([
            `/`,
          ]),
      },
    },
    {
      resolve: `gatsby-plugin-google-gtag`,
      options: {
        trackingIds: [
          `UA-159365767-1`,
        ],
        pluginConfig: {
          head: true,
          exclude: [
            `/iframe/**`,
            `/${process.env.GATSBY_DRAFT_PATH as string}/**`,
          ],
        },
      },
    },
    {
      resolve: `gatsby-plugin-csp`,
      options: {
        disableOnDev: false,
        mergeDefaultDirectives: false,
        mergeScriptHashes: false,
        mergeStyleHashes: false,
        directives: {
          'default-src': `'self' https://disqus.com https://*.disqus.com https://*.disquscdn.com https://www.google-analytics.com https://fonts.gstatic.com https://www.googletagmanager.com https://stats.g.doubleclick.net`,
          'font-src': `'self' https://c.disquscdn.com https://fonts.gstatic.com`,
          'img-src': `'self' https:`,
          'script-src': `'self' https://disqus.com https://*.disqus.com/ https://*.disquscdn.com https://www.google-analytics.com https://www.googletagmanager.com 'unsafe-inline'`,
          'style-src': `'self' https://fonts.googleapis.com https://disqus.com https://*.disqus.com https://*.disquscdn.com blob: 'unsafe-inline'`
        },
      },
    },
  ],
  trailingSlash: 'always',
  graphqlTypegen,
};
export default config;