gatsby-config.ts

import { GatsbyConfig } from 'gatsby'
import { config } from 'dotenv'

config({
  path: `.env.${process.env.NODE_ENV}`,
})

export const gatsbyConfig: GatsbyConfig = {
  siteMetadata: {
    siteName: 'mrseanbaines',
    author: 'Sean Baines',
    social: {
      github: 'mrseanbaines',
      twitter: 'mrseanbaines',
      linkedin: 'seanbaines',
      medium: 'mrseanbaines',
    },
  },
  plugins: [
    {
      resolve: 'gatsby-plugin-svgr',
      options: {
        svgo: false,
      },
    },
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-styled-components',
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'data',
        path: `${__dirname}/src/data`,
      },
    },
    {
      resolve: `gatsby-transformer-yaml`,
      options: {
        typeName: ({ node }: any) => node.name,
      },
    },
    {
      resolve: 'gatsby-source-github-api',
      options: {
        token: process.env.GH_ACCESS_TOKEN,
        graphQLQuery: `
          query {
            user(login: "mrseanbaines") {
              pinnedItems(first: 6, types: REPOSITORY) {
                nodes {
                  ... on Repository {
                    name
                    description
                    url
                    languages(first: 3, orderBy: { field: SIZE, direction: DESC }) {
                      nodes {
                        name
                      }
                    }
                  }
                }
              }
            }
          }
        `,
      },
    },
  ],
}