CD
Cloudflare Developers•2y ago
Mumutii

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
James•2y ago
I see that you replied on an issue as well, so I'll continue the discussion over there instead of here.

Did you find this page helpful?