Cloudflare DevelopersCD
Cloudflare Developers•3y 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,
}


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,
    );
  },
};


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?
Was this page helpful?