next.config.js

const withSass = require('@zeit/next-sass');
const path = require('path');
module.exports = withSass({
  webpack: config => {
    config.module.rules.push(
      {
        test: /\.js(?:|x)$/,
        resolve: {
          extensions: ['.js', '.jsx']
        },
        exclude: path.join(__dirname, './node_modules/'),
        use: ['babel-loader']
      },
      {
        test: /\.(jpe(?:|g)|png|gif|svg)$/i,
        loaders: [
          {
            loader: 'url-loader',
            options: {
              limit: 8000, // Convert images < 8kb to base64 strings
              name: '[path][name].[ext]',
              outputPath: path.resolve(__dirname, 'dist'),
              publicPath: './dist/'
            }
          },
          {
            loader: 'image-webpack-loader',
            options: {
              mozjpeg: {
                progressive: true,
                quality: 65
              },
              optipng: {
                enabled: false
              },
              pngquant: {
                quality: '65-90',
                speed: 4
              },
              gifsicle: {
                interlaced: false
              },
              webp: {
                quality: 75
              }
            }
          }
        ]
      }
    );
    return config;
  },
  exportPathMap: function () {
    return {
      '/': { page: '/login' },
      '/login': { page: '/login' },
      '/home': { page: '/home' },
      '/register': { page: '/register' }
    }
  }
});