next.config.js

const Dotenv = require('dotenv-webpack');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const path = require('path');

if (typeof require !== 'undefined') {
  require.extensions['.css'] = (file) => {};
}

module.exports = {
  webpack: (config, { isServer }) => {
    config.plugins = config.plugins || [];

    config.plugins = [
      ...config.plugins,

      // Read the .env file
      new Dotenv({
        path: path.join(__dirname, '.env'),
        systemvars: true,
      }),
    ];

    config.optimization.minimizer = [];
    config.optimization.minimizer.push(new OptimizeCSSAssetsPlugin({}));

    config.module.rules.push({
      test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
      use: {
          loader: 'url-loader',
          options: {
              limit: 100000
          }
      }
    });

    if (isServer) config.plugins.push(new ForkTsCheckerWebpackPlugin());

    config.resolve.modules.unshift(__dirname);

    return config;
  },
  exportPathMap: async function(
    defaultPathMap,
    { dev, dir, outDir, distDir, buildId }
  ) {
    return {
      '/': { page: '/' },
      '/auth/login': { page: '/auth/login' },
      '/auth/signup': { page: '/auth/signup' },
      '/auth/reset-password': { page: '/auth/reset-password' },
      '/auth/unauthorized': { page: '/auth/unauthorized' },
      '/app/dashboard': { page: '/app/dashboard' },
      '/app/active-session': { page: '/app/active-session' },
      '/app/help': { page: '/app/help' },
      '/app/mentors': { page: '/app/mentors' },
      '/app/profile': { page: '/app/profile' },
      '/app/notifications': { page: '/app/notifications' },
      '/admin/review-skills': { page: '/admin/review-skills' },
      '/admin/manage-admin': { page: '/admin/manage-admin' },
    }
  },
};