i18n locales 404 issues about platforms

[Smart387doo]

Well if you log stuff, you will see strange behavior, it does not add locale to the URL for default locale, but does for other ones.

If you do:

url.pathname = `/${locale}/_sites/${currentHost}${pathname}`;

then your default one will work, but you'll get 404 on all others. And reason is that other locales are added twice, once by you, and once by system. I solved it by adding this:

const { pathname, locale, defaultLocale } = req.nextUrl;
.
.
.
if (currentHost == "app") {
      if (
        pathname === "/login" &&
        (req.cookies["next-auth.session-token"] ||
          req.cookies["__Secure-next-auth.session-token"])
      ) {
        url.pathname = `/${locale}`;
        return NextResponse.redirect(url);
      }

      url.pathname = `/${locale}/app${pathname}`;
      return NextResponse.rewrite(url);
    }

    if (hostname === "localhost:3000" || hostname === "yourdomain.something") {
      url.pathname = `/${locale}/home${pathname}`;
      return NextResponse.rewrite(url);
    }

    if (locale === defaultLocale) {
      url.pathname = `/${locale}/_sites/${currentHost}${pathname}`;
      return NextResponse.rewrite(url);
    }

    url.pathname = `/_sites/${currentHost}${pathname}`;
    return NextResponse.rewrite(url);
  }

Hope it helps

[wuichen]

im having the exact same issue when using i18n

[steven-tey]

Hey guys! Sorry for the late response but this should've been fixed in the latest version of Next.js. Feel free to reference this issue here: vercel/next.js#36563

[eugle]

The problem still exists：

nextjs version

"next": "13.2.4",

middleware code:

import { NextRequest, NextResponse } from "next/server";

export const config = {
  matcher: [
    "/((?!api/|_next/|_static/|/|[\\w-]+\\.\\w+).*)",
  ],
};

export default async function middleware(req: NextRequest) {
  const url = req.nextUrl;

  const hostname = req.headers.get("host") || "demo.localhost:3000";

  const path = url.pathname;

  return NextResponse.rewrite(
    new URL(`/_sites/${currentHost}${path}`, req.url)
  );
}

nextconfig code

/**
 * @format
 * @type {import('next').NextConfig}
 */

const withBundleAnalyzer = require('@next/bundle-analyzer')({
	enabled: process.env.ANALYZE === 'true',
});

const nextConfig = {
	reactStrictMode: true,
	poweredByHeader: false,
	i18n: {
		localeDetection: false,
		locales: ['en', 'cn', 'jp', 'it', 'tw', 'kr', 'hk', 'fr'],
		defaultLocale: 'cn',
	}
};

module.exports = withBundleAnalyzer(nextConfig);

The problem still exists