Catch All routes and domain proxy

[soymanuvalle]

Hello, I'm trying to point multiple domains to different paths of my app using Catch All routes.

My structure

.
├── pages/
│   ├── _app.js
│   ├── [...slug].js
│   └── index.js
└── next.config.js

What I expect to happen:

Main domain: http://localhost:3000
Proxied domain: http://test.com -> proxied to http://localhost:3000/home

With the setup mentioned above I would like to see the same page from http://localhost:3000/home and http://test.com but I get the following error from NextJS Router when I access using the proxied domain:

My source-code:

// next.config.js
module.exports = {
  assetPrefix: 'http://localhost:3000',
};

// pages/[...slug].js
import { useRouter } from 'next/router';
import Error from 'next/error';

const Test = ({ page }) => {
  const { isFallback } = useRouter();

  // Page not found
  if (!isFallback && !page) {
    return <Error statusCode={404} title="This page could not be found" />;
  }

  // Building...
  if (isFallback) {
    return 'Loading';
  }

  return (
    <div style={{ padding: 20 }}>
      Slug: {page.slug}
      <br /> Id: {page.id}
    </div>
  );
};

export async function getStaticPaths() {
  return {
    paths: [],
    fallback: true
  };
}

export async function getStaticProps({ params }) {
  const slug = params.slug?.join('/') ?? '';

  console.log('slug', slug);

  if (slug === 'home') {
    return {
      props: {
        page: {
          id: 1,
          slug,
        }
      }
    };
  }

  return { props: {} };
}

export default Test;

# nginx domain proxy
server {
    listen 80;
    server_name test.com;

    location / {
        proxy_pass http://localhost:3000/home;
        proxy_redirect off;
        proxy_http_version      1.1;
        proxy_set_header        Upgrade                 $http_upgrade;
        proxy_set_header        Connection              "upgrade";
        proxy_set_header        Host                    $host;
        proxy_set_header        X-Real-IP               $remote_addr;
        proxy_set_header        X-Forwarded-For         $proxy_add_x_forwarded_for;
    }
}

Screenshots

http://localhost:3000/home

http://test.com

---

I've tried without Catch All routes and it works, but catch all routes are required for my project...

// pages/home.js
const Test = () => 'Test';
export default Test;

It's rendering correctly on both domains (proxied and localhost):

I would like to know if there is something I'm doing wrong or if there is a bug on the Catch All routes system. Apparently the error is that there is a missing parameter for the [...slug].js page, which makes sense since the /home parameter is being proxied, is there any workaround to make use of Catch All routes with multiple domains?
Thanks!