next.config.js

/* eslint-disable @typescript-eslint/explicit-function-return-type */
// eslint-disable @typescript-eslint/no-var-requires
/** @type {import('next').NextConfig} */

const withMDX = require('@next/mdx')({
    extension: /\.mdx?$/,
    options: {
        // If you use remark-gfm, you'll need to use next.config.mjs
        // as the package is ESM only
        // https://github.com/remarkjs/remark-gfm#install
        remarkPlugins: [],
        rehypePlugins: [],
        // If you use `MDXProvider`, uncomment the following line.
        // providerImportSource: "@mdx-js/react",
    },
});

const nextConfig = {
    reactStrictMode: true,
    swcMinify: true,
    images: {
        remotePatterns: [
            {
                protocol: 'https',
                hostname: 'i.imgur.com'
            },
            {
                protocol: 'https',
                hostname: 'media.tenor.com'
            },
            {
                protocol: 'https',
                hostname: 'avatars.githubusercontent.com'
            },
            {
                protocol: 'https',
                hostname: 'raw.github.com'
            }
        ]
    },
    webpack: (config) => {
        config.resolve.modules.push(__dirname + '/src');

        return config;
    },
    eslint: {
        ignoreDuringBuilds: true,
    },
};

module.exports = withMDX(nextConfig);