React App masked in Hubspot

xxicay — Thu, 21 Jul 2022 18:34:59 GMT

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!

Re: React App masked in Hubspot

Teun — Fri, 22 Jul 2022 06:23:53 GMT

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:

topic React App masked in Hubspot in CMS Development

React App masked in Hubspot

Re: React App masked in Hubspot