next.config.js

const chalk = require("chalk")
const path = require('path')
const withImages = require('next-images')
const webpack = require('webpack')
const _ = require('lodash')

const isProduction = process.env.NODE_ENV === 'production'

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

const nextConfig = {
  future: {
    webpack5: true,
    strictPostcssConfiguration: true
  },
  inlineImageLimit: 48, // make it tiny so that it doesn't inline,
}

const allConfig =
  withBundleAnalyzer(
  withImages(
    {
      ...nextConfig,
      async redirects() {
        return [
          {
            source: '/prizes',
            destination: '/prizes/PT-cDAI',
            permanent: true,
          }
        ]
      },
      publicRuntimeConfig: {
        locizeProjectId: process.env.NEXT_JS_LOCIZE_PROJECT_ID,
        locizeApiKey: process.env.NEXT_JS_LOCIZE_DEV_API_KEY,
        locizeVersion: process.env.NEXT_JS_LOCIZE_VERSION
      },
      webpack(config, options) {
        // config.optimization.minimizer = []

        config.mode = isProduction ? 'production' : 'development'
        config.devtool = isProduction ? 'hidden-source-map' : 'eval-source-map'

        var appVars = _.keys(process.env).filter(key => key.startsWith('NEXT_JS_'))

        config.plugins.push(new webpack.EnvironmentPlugin(_.pick(process.env, appVars)))

        return config
      }
    }
  ))

console.log('')
console.log(chalk.green('Using next.js config options:'))
console.log(allConfig)
console.log('')

module.exports = allConfig