gatsby-config.ts

import type { GatsbyConfig } from "gatsby";
import { GetSlug } from "./src/api/getSlug";
require('dotenv').config();

const config: GatsbyConfig = {
  siteMetadata: {
    title: `Atrevete`,
    description: "Atreveteは日本の課題でもある「若者の育成をどうしていくか」に着目し、「夢がある」「迷いながらも一歩を踏み出したい」そんなあなたのためのイベントを開催します。",
    siteUrl: process.env.SITEURL,
    social: {
      twitter: "",
    }
  },
  // More easily incorporate content into your pages through automatic TypeScript type generation and better GraphQL IntelliSense.
  // If you use VSCode you can also use the GraphQL plugin
  // Learn more at: https://gatsby.dev/graphql-typegen
  graphqlTypegen: true,
  plugins: [{
    resolve: 'gatsby-source-contentful',
    options: {
      "accessToken": process.env.ACCESSTOKEN,
      "spaceId": process.env.SPACEID,
      enableTags: true,
    }
  }, "gatsby-plugin-image", {
    resolve: `gatsby-plugin-sharp`,
      options: {
        defaults: {
          formats: [`webp`],
          placeholder: `blurred`,
          quality: 50,
          breakpoints: [750, 1080, 1366, 1920],
          backgroundColor: `transparent`,
          blurredOptions: {},
          jpgOptions: {},
          pngOptions: {},
          webpOptions: {},
          avifOptions: {},
        },
      },
    }, "gatsby-transformer-sharp", "gatsby-plugin-emotion", {
    resolve: 'gatsby-plugin-sitemap',
    options: {
      query: `
      {
        site {
          siteMetadata {
            siteUrl
          }
        }
        allSitePage {
          nodes {
            path
          }
        }
        allContentfulPost {
          nodes {
            title
            slug
            updatedAt(formatString: "YYYY-MM-DDTHH:mm:ssZ")
          }
        }
        allContentfulEvent {
          nodes {
            title
            slug
            updatedAt(formatString: "YYYY-MM-DDTHH:mm:ssZ")
          }
        }
      }
    `,
      resolveSiteUrl: ({site: { siteMetadata: {siteUrl} }}) => siteUrl,
      resolvePages: ({
        allSitePage: { nodes: allPages },
        allContentfulPost: { nodes: posts },
        allContentfulEvent: { nodes: events },
      }) => {
        let postMap = posts.reduce((acc, post) => {
          const { title, updatedAt } = post
          acc[`/post/${GetSlug(post)}/`] = {updatedAt}

          return acc
        }, {})

        const allMap = events.reduce((acc, post) => {
          const { title, updatedAt } = post
          acc[`/event/${GetSlug(post)}/`] = {updatedAt}

          return acc
        }, postMap)

        return allPages.map(page => {
          return { ...page, ...allMap[page.path] }
        })
      },
      excludes: ['/404?(.*)', '/eventForm', '/thanks'],
      serialize: ({ path, updatedAt }) =>  {
        const site = {
          url: path,
          changefreq: `daily`,
          priority: updatedAt ? 0.7 : 0.5,
        }
        if (!updatedAt) return site

        return {
          url: path,
          lastmod: updatedAt,
        }
      },
    },
  }, {
    resolve: 'gatsby-plugin-robots-txt',
    options: {
      host: process.env.SITEURL,
      sitemap: `${process.env.SITEURL}/sitemap-index.xml`,
      env: {
        development: {
          policy: [{userAgent: '*', disallow: ['/']}]
        },
        production: {
          policy: [{userAgent: '*', allow: '/', disallow: ['/thanks','/404?(.*)', '/api']}]
        }
      },
    }
  },
    {
    resolve: `gatsby-plugin-canonical-urls`,
    options: {
      siteUrl: process.env.SITEURL,
      stripQueryString: true,
    },
  },
  {
    resolve: `gatsby-plugin-google-gtag`,
    options: {
      trackingIds: [process.env.GOOGLE_ANALYTICS], 
      pluginConfig: {
        head: true,  // headタグに記載されるように
      }
    }
  },
  {
    resolve: `gatsby-source-filesystem`,
    options: {
      name: `markdown`,
      path: `${__dirname}/src/markdown`,
    },
  },
  {
    resolve: `gatsby-source-filesystem`,
    options: {
      name: 'images',
      path: `${__dirname}/static`,
    },
  },
  `gatsby-transformer-remark`,
  `gatsby-plugin-netlify`,
  {
    resolve: `gatsby-plugin-manifest`,
    options: {
      name: `Atrevete`,
      short_name: `Atrevete`,
      lang: `ja`,
      start_url: `/`,
      display: `standalone`,
      icon: `static/favicon.svg`
    },
  },
]
};

export default config;