Cloudflare Developers•2y ago

Next.js 13 + next translation to Cloudflare Pages

Hello, I see that a fix has been released but I still can't use next translate with the edge. My problem is : - The path / does not work (404) - The /en path works - The /fr path does not work (404) - The /nl patch does not work (404) Next config :

const nextTranslate = require('next-translate-plugin')

const nextConfig = {
  experimental: {
    runtime: 'experimental-edge',
  },
  swcMinify: true,
  reactStrictMode: true,
}

module.exports = {
  ...nextTranslate(),
  ...nextConfig,
}

const nextTranslate = require('next-translate-plugin')

const nextConfig = {
  experimental: {
    runtime: 'experimental-edge',
  },
  swcMinify: true,
  reactStrictMode: true,
}

module.exports = {
  ...nextTranslate(),
  ...nextConfig,
}

i18n.js config :

module.exports = {
  locales: ['en', 'fr', 'nl'],
  defaultLocale: 'en',
  pages: {
    '/': ['home'],
  },
  loadLocaleFrom: (lang, ns) => {
    const translation = lang.slice(0, 2);

    return import(`./locales/${translation}/${ns}.json`).then(
      (m) => m.default,
    );
  },
};

module.exports = {
  locales: ['en', 'fr', 'nl'],
  defaultLocale: 'en',
  pages: {
    '/': ['home'],
  },
  loadLocaleFrom: (lang, ns) => {
    const translation = lang.slice(0, 2);

    return import(`./locales/${translation}/${ns}.json`).then(
      (m) => m.default,
    );
  },
};

Version NextJS version : 13.4.5 Test also on next 13.2.0 Next-on-pages : 1.0.2 I've tried several configurations but my brain has run out of ideas. If you have an idea or a concrete example with next translate?

1 Reply

James•2y ago

I see that you replied on an issue as well, so I'll continue the discussion over there instead of here.

Gaming

Programming

Next.js 13 + next translation to Cloudflare Pages