Connect customer external domains to vercel subdomain.

[rem4ik4ever]

Hello!

I want to be able to allow my customers to connect their own domains eg. jimmy.com and connect with my app so that entering jommy.com would show content from my app at jimmy.myapp.com. Is there an existing pattern or a guide on how to do so?

I would much appreciate suggestions and any help thank!

[williamli]

Hi,

You will need a wildcard domain setup and use the domain api along with the alias api.

[rem4ik4ever]

Hey @williamli

So I have setup a project and attached main domain to it myproject.com also added wildcard domain *.myproject.com. Now I was trying to connect another domain and setup as an alias anotherdomain.com => test.myproject.com, but it would still point anotherdomain.com to myproject.com. Can you give me more details on how to properly set this up, please? Thanks!

[steven-tey]

Hey @rem4ik4ever! Just answered your question in my comment below with an example that will allow you to do exactly this! Let me know if it helps! :)

[Rocinante89]

@rem4ik4ever I have a similar use case. Did you ever figure this out? I'm a bit stuck on how to do it using the answer provided

[steven-tey]

@Rocinante89 I just posted an example for this in my comment below, hope it helps!

[IHIutch]

Bump, if anyone has a good example of this

[steven-tey]

@IHIutch I just posted an example for this in my comment below, hope it helps!

[IHIutch]

Thanks! This was mentioned a few days ago in this thread , and I've already implemented it. Working great!

[steven-tey]

Awesome! Glad to hear that you were able to implement it successfully!

[steven-tey]

Hey @rem4ik4ever! We recently rolled out a simple example that allows you to create unique content pages with a multi-tenant infrastructure using edge function rewrites and ISR. Each of your users gets assigned a unique subdomain when they create their account, with the (usually paid) option to add a custom domain.

We're also rolling out more complex boilerplates (e-commerce storefront builders, website builders) + supplementary code snippets (static tweets, domains API, OG image generator) in an early access program – feel free to join if you're interested (click "sign up" on the Platforms on Vercel program).

[jensmeindertsma]

Hey @steven-tey 👋. Any chance we can do this when our app is not built with Next.js?

Something like the following in vercel.json maybe?

{
  "rewrites": [
    {
      "source": "/:path*",
      "has": [
        {
          "type": "host",
          "value": ":id.acme.com"
        }
      ],
      "destination": "/users/:id/:path*"
    }
  ]
}

[steven-tey]

Hey @jensmeindertsma! Don't think you can do rewrites using vercel.json...may I know which framework are you using? There should be ways to do it for frameworks like Svelte and Vue – we're looking into that right now! :)

[rem4ik4ever]

Hey @rem4ik4ever! We recently rolled out a simple example that allows you to create unique content pages with a multi-tenant infrastructure using edge function rewrites and ISR. Each of your users gets assigned a unique subdomain when they create their account, with the (usually paid) option to add a custom domain.

We're also rolling out more complex boilerplates (e-commerce storefront builders, website builders) + supplementary code snippets (static tweets, domains API, OG image generator) in an early access program – feel free to join if you're interested (click "sign up" on the Platforms on Vercel program).

Hey @steven-tey thanks. I managed to solve my problem using server side rendering and checking request domain or subdomain to identify what to show to my customer. I think with edge functions I can improve that functionality!

[steven-tey]

@rem4ik4ever awesome! And yeah definitely – with edge functions you can use static generation (ISR/SSG) instead of server-side rendering, which is much faster + leverages caching to reduce the load on your DB/API!