How to make 307 redirect from unlocalized instead 404 page?

[lobotomoe]

Due to this instruction:

currently my unlocalized requests do these things:

1. Server respond with page with 404 code
2. Via JS page make redirect to localized URL

I want be able to make server respond with 307 and location header without making redirect after loading 404 page from server.

How can I achieve this behavior?

[lobotomoe]

Possible solution (not sure that best way):

1. Match not only localized paths

export const config = {
  matcher: [
    "/((?!api|_next|_vercel|monitoring|.*\\..*).*)",
    "/(en|ru|hy)/:path*",
  ],
};

2. Set header in middleware:

  const url = request.nextUrl.clone();
  const { pathname } = url;
  request.headers.set("x-pathname", pathname);

3. In src/app/not-found.tsx:

// remove "use client";

const defaultLocale = "en";

export default function NotFound() {
  const pathname = headers().get("x-pathname");
  if (pathname === null)
    throw TypeError(`Unexpected null value for x-pathname header`);

  redirect(`/${defaultLocale}${pathname}`);
}