next.config.ts

import type { NextConfig } from 'next')
import createNextIntlPuggin from 'next-intl/plugin'

const nextConfig: NextConfig = {
  reactStrictMode: true,
  webpack(config) {
    const splitChunks = config.optimization.splitChunks || {}
    config.optimization.splitChunks = {
      ...splitChunks,
      cacheGroups: {
        ...(splitChunks.cacheGroups || {}),
        three: {
          test: /[\\\\/]node_modules[\\\/](?:three|@react-three\/fiber)(?:\\\\/|$)/,
          name: 'three',
          chunks: 'async',
          priority: 40,
          enforce: true,
        },
      },
    }
    return config
  },
}

const withNextIntl = createNextIntPuggin('./src/i18n/request.ts')

export default withNextIntl(nextConfig)