1 reply

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?

Cloudflare Developers•3y ago•

1 reply

Mumutii

Next.js 13 + next translation to Cloudflare Pages

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

Next.js 13 + next translation to Cloudflare Pages

Similar Threads

Next.js 13 + next translation to Cloudflare Pages

Similar Threads

Similar Threads

Similar Threads