Does [locale] need to be at the root of the page router structure?

[mohitb35]

The app I'm working on is a multitenant app, with the following structure in the pages folder

pages

• sites
  • [slug]

And I have the following middleware.ts in place

export const config = {
  matcher: [
    // This regular expression matches any string except those containing "api", "static", files with extensions, or "_next".
    '/((?!api|static|.*\\..*|_next).*)',
    '/',
    '/sites/:slug*',
  ],
};

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

  const host = req.headers.get('host');

  const slug = await getTenantSlug(host); //This gets the slug based on the host provided

  // Prevent security issues – users should not be able to canonically access
  // the pages/sites folder and its respective contents.
  if (url.pathname.startsWith(`/sites`)) {
    url.pathname = `/404`;
  } else {
    // rewrite to the current subdomain under the pages/sites folder
    url.pathname = `/sites/${slug}${url.pathname}`;
  }

  return NextResponse.rewrite(url);
}

I tried modifying the structure to
pages

• sites
  • [slug]
    • [locale]

and the middleware to

export const config = {
  matcher: [
    // This regular expression matches any string except those containing "api", "static", files with extensions, or "_next".
    '/((?!api|static|.*\\..*|_next).*)',
    '/',
    '/sites/:slug*',
  ],
};

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

  const host = req.headers.get('host');

  const slug = await getTenantSlug(host);

  // Prevent security issues – users should not be able to canonically access
  // the pages/sites folder and its respective contents.
  if (url.pathname.startsWith(`/sites`)) {
    url.pathname = `/404`;
  } else {
    // rewrite to the current subdomain under the pages/sites folder
    url.pathname = `/sites/${slug}${url.pathname}`;
  }

  const handleI18nRouting = createIntlMiddleware({
    locales: ['en', 'de'],
    defaultLocale: 'en',
  });
  const response = handleI18nRouting(req);
  return response;
}

The issue I'm facing while composing the middleware is that the createIntlMiddleware function adds the locale before /sites/:slug.

I'm wondering if this behaviour can be modified in anyway.

[amannn]

#653 has the latest information regarding this!