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!
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>
Learn more about HubSpot by following me on LinkedIn or YouTube
✅ Did my answer solve your issue? Help the community by marking it as the solution.
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>
Learn more about HubSpot by following me on LinkedIn or YouTube
✅ Did my answer solve your issue? Help the community by marking it as the solution.