new version next-i18next change locale subpath

[Griha3212]

Hello!

I am using next.js 11.1.0 + next-i18next 8.5.3. With the new version of next and i18next, I don't know how to rewrite subpaths. So, I have a multilanguage app. And it's important to have en-GB/en-US/en-AU differences for content.

I made configs according to the official readme https://github.com/isaachinman/next-i18next

So I have

next-i18next.config.js

const path = require('path');

    module.exports = {
        i18n: {
        defaultLocale   : 'us',
        locales         : ['en-AU','en-US', 'en-GB', 'sv', 'fr', 'de'],
        defaultNS       : 'translate',
        keySeparator    : false,
        ignoreRoutes    : ['/terms', '/privacy', '/pass-guarantee', '/de/', '/die-sichersten-strassen-der-welt'],
        localePath      : path.resolve('./public/static/locales'),
        localeDetection : true
       },
  }

and next.config.js

const SentryWebpackPlugin = require('@sentry/webpack-plugin');
const { i18n }            = require('./next-i18next.config');
const withBundleAnalyzer  = require('@next/bundle-analyzer')({
    enabled: process.env.ANALYZE === 'true'
});

const { NEXT_PUBLIC_SENTRY_DSN: SENTRY_DSN, SENTRY_ORG, SENTRY_PROJECT, SENTRY_AUTH_TOKEN, NODE_ENV } = process.env;

process.env.SENTRY_DSN = SENTRY_DSN;

const nextConfig = {
    experimental: {
        pageDataCollectionTimeout: 300
    },
    i18n,
    webpack(config, options) {
        if (!options.isServer) {
            config.resolve.alias['@sentry/node'] = '@sentry/browser';
        }
        if (SENTRY_DSN && SENTRY_ORG && SENTRY_PROJECT && SENTRY_AUTH_TOKEN && NODE_ENV === 'production') {
            config.plugins.push(
                new SentryWebpackPlugin({
                    include: '.next',
                    ignore: ['node_modules'],
                    authToken: SENTRY_AUTH_TOKEN,
                    org: SENTRY_ORG,
                    project: SENTRY_PROJECT,
                    urlPrefix: '~/.next',
                    release: '1.0.0',
                    sourceMapReference: true
                })
            );
        }
        return config;
    },
    images: {
        domains: [
           ............
        ],
        deviceSizes: [250, 380, 510, 640, 770, 900, 1024, 1280, 1536, 1728, 1920, 2560],
        imageSizes: [16, 32, 48, 64, 96, 128, 196]
    }
};


module.exports = withBundleAnalyzer(nextConfig);

The main problem is, I don't know how to rewrite subpaths in the new version.

I want that if it detects en-AU it makes subpath au

It should be site.com/au and now I have site.com/en-AU

[isaachinman]

You will need to raise that concern to the NextJs team directly. The next-i18next package no longer handles routing at all.