next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  staticPageGenerationTimeout: 180,
  async redirects() {
    if (process.env.NEXT_PUBLIC_ARCHIVE_MODE === 'true') {
      return [
      {
        source: '/stage/:slug',
        destination: '/archive',
        permanent: true,
      }, 
      {
        source: '/',
        destination: '/archive',
        permanent: true,
      }
    ];
  }
  return []

  },
  webpack(config) {
    const rules = config.module.rules.find((r) => !!r.oneOf)

    config.module.rules.push({
      test: /\.svg$/,
      use: ['@svgr/webpack'],
    })

    

    // Interate over the found rules
    rules.oneOf.forEach((loaders) => {
      // Focus on the the loaders that have an array of `use` statements
      if (Array.isArray(loaders.use)) {
        // Iterate over each of the loaders
        loaders.use.forEach((l) => {
          // Only focus on loaders that are an object and have a `loader` property set to `css-loader`
          if (typeof l !== 'string' && typeof l.loader === 'string' && /(?<!post)css-loader/.test(l.loader)) {
            // If there are no module options originally set, skip this loader
            if (!l.options.modules) return
            const { getLocalIdent, ...others } = l.options.modules

            // Create a new options object with the `getLocalIdent` property set to a function
            l.options = {
              ...l.options,
              modules: {
                ...others,
                getLocalIdent: (ctx, localIdentName, localName, options) => {
                  // If the class name is `dark`, return it instead of hashing it
                  if (localName === 'dark') return localName
                  // Otherwise, call the original function and return the value
                  return getLocalIdent(ctx, localIdentName, localName, options)
                },
              },
            }
          }
        })
      }
    })

    return config
  },
}

module.exports = nextConfig