How can I make a URL on one domain "front" content from another domain?

Question

Let's say I have name.example.com and example.com set up using different CMS's

I would like name.example.com/supercool-landing-page to resolve as (www.)example.com

In other words, when you visit (www.)example.com, what you are really seeing is name.domain.com/supercool-landing-page. However, it is important that the url stays as (www.)example.com, for SEO reasons (for on-page content and user experience).

My reason for wanting to do this is because the CMS that's powering example.com is not good for creating landing pages with, whereas name.example.com is running Wordpress, which is perfect for creating landing pages with.

Answer 1

This type of indirection is called a reverse proxy setup.

To reverse proxy in Apache2, use the ProxyPass directive in your config for www.example.com:

ProxyPass "/"  "http://name.example.com/supercool-landing-page"

To reverse proxy in nginx, use the proxy_pass directive in your config for www.example.com:

location / {
    proxy_pass http://name.example.com/supercool-landing-page;
}

Those aren't complete configurations, you also need to proxy_pass all the resources (images, js, css) that are used by the WordPress page. But it should help get you started.

The final piece of the puzzle is to make sure your apex domain (example.com) is redirecting to www.example.com. This is good practice for any website.