Next.js Middleware: How to Remove Subdomain and Redirect to a Specific Path?

[rightson1]

Summary

I'm trying to properly strip the subdomain and rewrite the URL correctly in my Next.js middleware. The goal is to ensure that when a user enters eventname.mydomain.com, they are redirected to mydomain.com/e/eventname without retaining the subdomain in the URL. However, my current implementation isn't working as expected, and instead of rewriting the URL, it keeps the subdomain, resulting in eventname.mydomain.com/e/eventname. I'm looking for guidance on how to properly handle this redirection.

Additional information

const url = req.nextUrl;
let hostname = req.headers.get("host")!;
const searchParams = req.nextUrl.searchParams.toString();
const path = `${url.pathname}${searchParams.length > 0 ? `?${searchParams}` : ""}`;
let subdomain = hostname.split(".")[0];

if (
  subdomain &&
  subdomain !== "www" &&
  subdomain !== process.env.NEXT_PUBLIC_ROOT_DOMAIN &&
  !path.startsWith("/e/")
) {
  // Remove subdomain and redirect to the correct path
  let destination_url = `${url.origin}/e/${subdomain}${path}`;
  return NextResponse.redirect(destination_url);
}

Example

No response

[cboycecollab]

@rightson1 I am having the same issue and cannot seem to find any documentation on how to actually redirect from a subdomain back to an apex domain