next.config.js

const dotcmsUrl = new URL(process.env.NEXT_PUBLIC_DOTCMS_HOST).hostname
const nextjsUrl = new URL(process.env.NEXT_PUBLIC_DEPLOY_URL).hostname

// Provide domains for local images or in DotCMS CDN
const domains = Array.from(new Set([dotcmsUrl, nextjsUrl]))

/** @type {import('next').NextConfig} */
const nextConfig = {
  // Needs to be false due a problem with `styled-components`
  // See more information here: https://github.com/styled-components/styled-components/issues/3146#issuecomment-895245050
  reactStrictMode: false,
  swcMinify: true,

  compiler: {
    // see https://styled-components.com/docs/tooling#babel-plugin for more info on the options.
    styledComponents: true
  },

  i18n: {
    locales: ['en', 'es'],
    defaultLocale: 'en',
  },
  images: {
    domains,
  },

  async headers() {
    return [
      {
        source: '/:path*',
        headers: [
          {
            // Prevent CORS issues in the DotCMS Page Editor
            key: 'Access-Control-Allow-Origin',
            value: '*',
          },
        ],
      },
    ]
  },

  async rewrites() {
    const baseUrl = process.env.NEXT_PUBLIC_DOTCMS_HOST

    return [
      // check if Next.js project routes match before we attempt proxying
      {
        source: '/dA/:slug*',
        destination: `${baseUrl}/dA/:slug*`,
      },
      {
        source: '/dotcms-webcomponents/:slug*',
        destination: `${baseUrl}/dotcms-webcomponents/:slug*`,
      },
      {
        source: '/api/:slug*',
        destination: `${baseUrl}/api/:slug*`,
      },
      {
        source: '/images/:slug*',
        destination: `${baseUrl}/images/:slug*`,
      },
    ]
  },
  webpack: (config) => {
    config.module.rules.push({
      test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
      use: {
        loader: 'url-loader',
        options: {
          limit: 100000,
          name: '[name].[ext]',
        },
      },
    })
    return config
  },
  // When we load the page in the DotCMS editor we need to have
  // absolutes url for he nextjs page
  assetPrefix: process.env.NEXT_PUBLIC_DEPLOY_URL,
}

module.exports = nextConfig