next.config.js

// eslint-disable-next-line @typescript-eslint/no-var-requires
const path = require('path');

module.exports = {
    cssModules: true,
    // // optional
    modifyVars: { '@primary-color': '#0000bd' },

    trailingSlash: true,

    watchOptions: {
        ignored: ['node_modules', 'public/static'],
    },

    webpack(config) {
        // Fixes npm packages that depend on `fs` module
        config.resolve.fallback = {
            fs: false,
            crypto: false,
            stream: false,
            os: false,
            http: false,
            https: false,
            path: false,
        };

        config.module.rules.push(
            {
                test: /\.(png|jpg|gif|eot|ttf|woff|woff2)$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        limit: 100000,
                    },
                },
            },
            {
                test: /\.svg$/,
                use: ['@svgr/webpack'],
            },
            // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
            {
                test: /\.ts?$/,
                options: {
                    allowTsInNodeModules: true,
                    compilerOptions: {
                        noEmit: false,
                    },
                },
                include: [path.resolve(__dirname, 'node_modules/@tracer-protocol/perpetual-pools-contracts')],
                loader: 'ts-loader',
            },
        );
        return config;
    },
};