React App masked in Hubspot

[xxicay]

Hi all, 

Im trying to have a stand alone react app be masked in a hubspot URL for example: 

mywebsite.com/jobs ---> will mask the below site

myotherwebsite.com

Is this possible? 

It will make it much easier for us to keep our main app seperated from our content site in hubspot, or if you guys got any other possible solutions that I'm overlooking that be great!

[Teun · Accepted solution]

Hi @xxicay ,

Looks like you want to try the reversed proxy that HubSpot offers (CMS Hub Enterprise). It allows you to do exactly what you are trying to achieve.

The other solution is using a subdomain like jobs.mywebsite.com.

That being said, it is quite easy to use a React app inside a HubSpot website page, so you could also use a HubSpot website page and create a custom module where you load your app:

Index.js:

import { h, render } from 'preact';
import App from './containers/App';

// Tell Babel to transform JSX into h() calls:
/** @jsx h */

const container = document.getElementById('js-jobs');

if (container) {
  render(
    <App />,
    container,
  );
}

Module.html:

<section id="js-jobs" class="">
</section>