cloudflare: routing multiple origins

Author: ethanpalm

advanced/subpath/cloudflare.mdx

@@ -14,7 +14,7 @@ Cloudflare worker.
 </Frame>
 
 <Warning>
-    Keep in mind: If your DNS provider is Cloudflare you should not use proxying for the CNAME record
+    Keep in mind: If your DNS provider is Cloudflare you should not use proxying for the CNAME record.
 </Warning>
 
 ### Add custom domain
@@ -74,11 +74,68 @@ async function handleRequest(request) {
       return await fetch(proxyRequest);
     }
   } catch (error) {
-    // if no action found, play the regular request
+    // If no action found, play the regular request
     return await fetch(request);
   }
 }
 ```
 
 Click on `Deploy` and wait for the changes to propagate (it can take up to a few
 hours).
+
+### Routing multiple origins
+
+If you're using a website builder, like Webflow or Squarespace, or another hosting provider for your main site and want to host your docs at a `/docs` subdirectory:
+1. Set up a staging domain for your main site like `staging.yoursite.com`.
+2. Update any absolute URLs in your main site to be relative.
+3. Use the enhanced worker script below that routes between both origins.
+
+<Warning>
+Make sure your main site is set up on a staging domain before deploying this worker, or visitors to your main site will see errors.
+</Warning>
+
+```javascript
+addEventListener("fetch", (event) => {
+  event.respondWith(handleRequest(event.request));
+});
+
+async function handleRequest(request) {
+  try {
+    const urlObject = new URL(request.url);
+    
+    // If the request is to the docs subdirectory
+    if (/^\/docs/.test(urlObject.pathname)) {
+      // Proxy to Mintlify
+      const DOCS_URL = "[SUBDOMAIN].mintlify.dev";
+      const CUSTOM_URL = "[YOUR_DOMAIN]";
+
+      let url = new URL(request.url);
+      url.hostname = DOCS_URL;
+      
+      let proxyRequest = new Request(url, request);
+      
+      proxyRequest.headers.set("Host", DOCS_URL);
+      proxyRequest.headers.set("X-Forwarded-Host", CUSTOM_URL);
+      proxyRequest.headers.set("X-Forwarded-Proto", "https");
+      
+      return await fetch(proxyRequest);
+    }
+    
+    // For multiple origins: route everything else to main site
+    const MAIN_SITE_URL = "[STAGING_DOMAIN]"; // example: staging.yoursite.com
+    if (MAIN_SITE_URL && MAIN_SITE_URL !== "[STAGING_DOMAIN]") {
+      let mainSiteUrl = new URL(request.url);
+      mainSiteUrl.hostname = MAIN_SITE_URL;
+      
+      return await fetch(mainSiteUrl, {
+        method: request.method,
+        headers: request.headers,
+        body: request.body
+      });
+    }
+    
+  } catch (error) {
+    // If no action found, play the regular request
+    return await fetch(request);
+  }
+}