Rewrites for projects sharing domain with different URL path

Discussions
1

At geolytix we have a ton [100+ :cricket_bat_and_ball:] of projects sharing our development [geolytix.dev] and production [geolytix.xyz] domains.

In order to use the same domain for all projects we have a rewrite project which has function defined which is never used only to get the project deployed.

{
  "version": 2,
  "trailingSlash": false,
  "rewrites": [
    {
      "source": "/client_a",
      "destination": "https://dev-client-a.vercel.app/client_a"
    },
    {
      "source": "/client_a/(.*)",
      "destination": "https://dev-client-a.vercel.app/client_a/$1"
    },
    {
      "source": "/client_b",
      "destination": "https://dev-client-b.vercel.app/client_b"
    },
    {
      "source": "/client_b/(.*)",
      "destination": "https://dev-client-b.vercel.app/client_b/$1"
    },
    {
      "source": "/geodata",
      "destination": "https://dev-geodata.vercel.app/geodata"
    },
    {
      "source": "/geodata/(.*)",
      "destination": "https://dev-geodata.vercel.app/geodata/$1"
    }
  ]
}

Each project listed in the rewrites project uses a unique path in its own rewrites.

For example these are the rewrites for the GEOLYTIX | GEODATA project. I removed the headers and some environment variables. The DIR environment variable provides the path to the node api.js function.

{
  "version": 2,
  "build": {
    "env": {
      "NODE_ENV": "production"
    }
  },
  "functions": {
    "api/api.js": {
      "includeFiles": "public/**"
    }
  },
  "trailingSlash": false,
  "rewrites": [
    {
      "source": "/geodata/public/(.*)",
      "destination": "/$1"
    },
    {
      "source": "/geodata/api/query/:_template?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/api/location/:method?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/api/user/:method?/:key?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/api/workspace/:key?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/api/layer/:format?/:z?/:x?/:y?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/api/provider/:provider?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/public/(.*)",
      "destination": "/$1"
    },
    {
      "source": "/geodata/api/(.*)",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata/view/:_template?",
      "destination": "/api/api.js"
    },
    {
      "source": "/geodata",
      "destination": "/api/api.js"
    },
    {
      "source": "/",
      "destination": "/api/api.js"
    }
  ],
  "env": {
    "TITLE": "GEOLYTIX | GEODATA",
    "DIR": "/geodata"
  }
}

The rewrites project allows us to access the GEOLYTIX | GEODATA project from the shared domain ie GEOLYTIX | GEODATA

We build this logic about 4 years ago when we had a dozen projects, not a ton of projects.

It would be interested to hear whether there is smarter way to share a domain and rewrite different paths on that domain to different projects.

2 Likes
2

Hi @dbauszus, thanks for sharing this insightful configuration from your projects.

The only feedback I have for you is: if possible serve the /public assets directly from Vercel’s Edge Network instead of routing them via a Node.js api api/api.js.

It maybe the case that you need the route handler for a custom logic, in that case it’s up to you how you proceed but in general using the Edge Network provides you better speed, distribution, caching, and also saves the function invocation cost.

3

@anshumanb Thanks for your comment. Can you direct me to some documentation in regards to serving public assets from Vercel Edge Network?

Is this redirect going through the api function?

{
  "source": "/public/(.*)",
  "destination": "/$1"
}

I updated the original post to remove the function from the rewrite project as this is not required. The rewrite project does not require a build or function but just the rewrite rules.

image
image793×416 24.7 KB

You can test the actual rewrite on this link. GEOLYTIX | GEODATA

4

Hi @dbauszus, glad it was helpful. You can check from the build outputs that /public/ assets are marked as static files. If so, they’ll be served by the Edge Network.

Oh, nice that you simplified the rules. Let me know if you need any help.