gatsby-config.ts

import type { GatsbyConfig } from "gatsby"

const config: GatsbyConfig = {
  siteMetadata: {
    title: "GraphQL",
    description:
      "A query language for your API — GraphQL provides a complete description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.",
    siteUrl: "http://graphql.org/",
  },
  graphqlTypegen: {
    typesOutputPath: `src/__generated__/gatsby-types.d.ts`,
  },
  plugins: [
    "gatsby-plugin-postcss",
    "gatsby-plugin-svgr",
    "gatsby-plugin-anchor-links",
    // optional based on env
    ...(!process.env.GATSBY_CLOUD && !process.env.GITHUB_ACTIONS
      ? ["gatsby-plugin-dynamic-open-graph-images"]
      : []),
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "content",
        path: `${__dirname}/src/content`,
      },
    },
    {
      resolve: "gatsby-transformer-remark",
      options: {
        plugins: [
          {
            resolve: "@weknow/gatsby-remark-twitter",
            options: {
              debug: true,
            },
          },
        ],
      },
    },
    {
      resolve: `gatsby-plugin-webfonts`,
      options: {
        fonts: {
          google: [
            {
              family: `Rubik`,
              variants: [`300`, `400`, `500`, `700`],
            },
            {
              family: `Roboto Mono`,
              variants: [`400`, `400i`, `600`],
            },
            {
              family: `Roboto`,
              variants: [`300`, `500`],
            },
          ],
        },
      },
    },
    `gatsby-plugin-less`,
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: "UA-44373548-16",
      },
    },
    {
      resolve: "gatsby-plugin-canonical-urls",
      options: {
        siteUrl: "https://graphql.org",
        stripQueryString: true,
      },
    },
    {
      resolve: "gatsby-plugin-feed",
      options: {
        query: `
          {
            site {
              siteMetadata {
                siteUrl
              }
            }
          }
        `,
        feeds: [
          {
            serialize: ({ query: { site, allMarkdownRemark } }) =>
              allMarkdownRemark.edges.map(
                ({
                  node: {
                    excerpt,
                    frontmatter: { title, date, permalink, byline },
                  },
                }) => ({
                  title,
                  date,
                  url: site.siteMetadata.siteUrl + permalink,
                  description: excerpt,
                  author: byline,
                })
              ),
            query: /* GraphQL */ `
              {
                allMarkdownRemark(
                  filter: { frontmatter: { layout: { eq: "blog" } } }
                  sort: { frontmatter: { date: DESC } }
                ) {
                  edges {
                    node {
                      excerpt
                      frontmatter {
                        title
                        date
                        permalink
                        byline
                      }
                    }
                  }
                }
              }
            `,
            output: "/blog/rss.xml",
            title: "Blog | GraphQL",
            feed_url: "http://graphql.org/blog/rss.xml",
            site_url: "http://graphql.org",
          },
        ],
      },
    },
  ].filter(Boolean),
}

export default config