next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
	eslint: {
		// Warning: This allows production builds to successfully complete even if
		// your project has ESLint errors.
		ignoreDuringBuilds: true,
	},
	swcMinify: true,
	webpack(config, options) {
		const { isServer } = options;
		config.module.rules.push({
			test: /\.(ogg|mp3|wav|mpe?g)$/i,
			exclude: config.exclude,
			use: [
				{
					loader: require.resolve('url-loader'),
					options: {
						limit: config.inlineImageLimit,
						fallback: require.resolve('file-loader'),
						publicPath: `${config.assetPrefix}/_next/static/images/`,
						outputPath: `${isServer ? '../' : ''}static/images/`,
						name: '[name]-[hash].[ext]',
						esModule: config.esModule || false,
					},
				},
			],
		});

		return config;
	},
};

const withBundleAnalyzer = require('@next/bundle-analyzer')({
	enabled: process.env.ANALYZE === 'true',
});
module.exports = withBundleAnalyzer({});

module.exports = nextConfig;