gatsby-config.ts

import type {GatsbyConfig} from "gatsby";
import path from "node:path";

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

const config: GatsbyConfig = {
    siteMetadata: {
        siteUrl: process.env.SITE_URL
    },
    // 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-sass", "gatsby-plugin-image", "gatsby-plugin-sharp", "gatsby-transformer-sharp", "gatsby-plugin-preact", {
        resolve: `gatsby-plugin-purgecss`,
        options: {
            printRejected: true, // Print removed selectors and processed file names
            develop: false // Enable while using `gatsby develop`
        },
    }, {
        resolve: 'gatsby-plugin-manifest',
        options: {
            "icon": "src/images/profile.png"
        }
    }, {
        resolve: 'gatsby-source-filesystem',
        options: {
            "name": "images",
            "path": "./src/images/"
        },
        __key: "images"
    }, {
        resolve: 'gatsby-source-filesystem',
        options: {
            "name": "pages",
            "path": "./src/pages/"
        },
        __key: "pages"
    }, {
        resolve: 'gatsby-source-contentful',
        options: {
            spaceId: process.env.CONTENTFUL_SPACE_ID!,
            accessToken: process.env.CONTENTFUL_ACCESS_TOKEN!,
        },
    }, {
        resolve: `gatsby-plugin-google-fonts`,
        options: {
            fonts: [
                `merriweather\:400,700` // you can pick the font weights you deem necessary
            ],
            display: 'swap' // ensures the font displays correctly while loading
        }
    }]
};

export default config;