gatsby-config.ts

import type { GatsbyConfig } from "gatsby";

require("dotenv").config({
  path: '.env',
});

const config: GatsbyConfig = {
  siteMetadata: {
    title: `Seasonal Foods`,
    description: `A helpful guide to eating in-season. 👩🏻‍🌾 🥬`,
    siteUrl: `https://seasonalfoods.netlify.app`
  },
  // 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: [
    "gatsby-plugin-postcss", 
    "gatsby-plugin-image", {
      resolve: 'gatsby-plugin-manifest',
      options: {
        "icon": "src/images/icon.png"
      }
    }, 
    "gatsby-plugin-sharp", 
    "gatsby-transformer-sharp", 
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        "name": "images",
        "path": "./src/images/"
      },
      __key: "images"
    },
    {
      resolve: `gatsby-plugin-alias-imports`,
      options: {
        alias: {
          "@": "src",
        },
        extensions: ["js", "jsx", "ts", "tsx"]
      }
    },
    {
      resolve: `gatsby-plugin-google-fonts`,
      options: {
        fonts: [
          `Inter`
        ],
        display: 'swap'
      }
    }
  ],
};

export default config;