gatsby-config.js

const fs = require('fs');

process.env.NODE_ENV !== 'production' ||
    (process.env.DEPLOYED !== 'true' &&
        require('dotenv').config({
            path: `.env.${process.env.NODE_ENV}`,
        }));

const siteUrl = process.env.GATSBY_URL || 'https://example.com';

let localDataSources = [];
const baseDataPath = `${__dirname}/src/data`;
if (fs.existsSync(baseDataPath)) {
    localDataSources = fs.readdirSync(`${__dirname}/src/data`).map((dir) => {
        return {
            resolve: 'gatsby-source-filesystem',
            options: {
                name: `${dir}`,
                path: `${baseDataPath}/${dir}`,
            },
        };
    });
}

module.exports = {
    siteMetadata: {
        title: 'Song Name Generator',
        description: 'Generate song names from a virtually infinite amount of possibilities.',
        author: 'Generators',
        keywords: ['gatsby', 'portfolio', 'react', 'framer-motion'],
        siteUrl: siteUrl,
    },
    plugins: [
        'gatsby-plugin-image',
        'gatsby-plugin-react-helmet',
        'gatsby-transformer-json',
        {
            resolve: 'gatsby-plugin-sitemap',
            options: {
                query: `
                    {
                        allSitePage{
                            nodes{
                                path
                            }
                        }
                    }                    
                `,
                resolveSiteUrl: () => siteUrl,
                resolvePages: ({ allSitePage: { nodes: allPages } }) => {
                    return allPages.map((page) => {
                        return { ...page };
                    });
                },
                serialize: ({ path }) => {
                    return {
                        url: path,
                    };
                },
            },
        },
        {
            resolve: `gatsby-plugin-sharp`,
            options: {
                defaults: {
                    formats: [`auto`, `webp`],
                    placeholder: `blurred`,
                    quality: 50,
                    breakpoints: [378, 768, 1080, 1366, 1920],
                    backgroundColor: `transparent`,
                    tracedSVGOptions: {},
                    blurredOptions: {},
                    jpgOptions: {},
                    pngOptions: {},
                    webpOptions: {},
                    avifOptions: {},
                },
            },
        },
        'gatsby-transformer-sharp',
        ...localDataSources,
        {
            resolve: 'gatsby-source-filesystem',
            options: {
                name: 'images',
                path: './src/images/',
            },
            __key: 'images',
        },
        `gatsby-plugin-remove-trailing-slashes`,
        {
            resolve: `gatsby-plugin-react-helmet-canonical-urls`,
            options: {
                siteUrl: siteUrl,
                noTrailingSlash: true,
            },
        },
        {
            resolve: 'gatsby-plugin-manifest',
            options: {
                icon: './src/images/icon.png',
            },
        },
    ],
};