next.config.mjs

import bundleAnalyzer from '@next/bundle-analyzer';
import path from 'path'
import { fileURLToPath } from 'url'

const __dirname = path.dirname(fileURLToPath(import.meta.url))

const withBundleAnalyzer = bundleAnalyzer({
  enabled: process.env.ANALYZE === 'true',
})

export default withBundleAnalyzer({
  reactStrictMode: false,
  productionBrowserSourceMaps: false,
  eslint: {
    ignoreDuringBuilds: true,
  },
  experimental: {
    optimizePackageImports: ['@mantine/core', '@mantine/hooks'],
    serverComponentsExternalPackages: ['mongoose'],
  },
  sassOptions: {
    prependData: `@import "./_mantine.scss";`,
  },
  images: {
    formats: ['image/avif'],
    localPatterns: [
      {
        pathname: '/images/**',
      },
    ],
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'storage.googleapis.com',
      },
    ],
  },
  webpack: config => {
    config.resolve.alias['@'] = path.resolve('./')
    return config
  },
  redirects: async () => {
    const categories = ['miscellaneous', 'RECORDERS', 'POCKET', 'MERCURY', 'BOURDON', 'ANEROID']
    return categories.map(name => {
      const source = '/collection/categories/' + name.toLowerCase()
      return {
        source, // old route
        destination: source + '/date/1', // new route
        permanent: true,
      }
    })
  },
})