Sample of a webpack video loader configuration for Next.JS

next.config.js

const nextConfig = {
  webpack: function (config, options) {
    config.module.rules.push({
      test: /\.mp4$/,
      use: [
        {
          loader: "file-loader",
          options: {
            name: "[name].[ext]",
            outputPath: "static/media",
          },
        },
      ],
    });
    return config;
  },
};

module.exports = nextConfig;