CMS Development

xxicay
Membre

React App masked in Hubspot

Résolue

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!

0 Votes
1 Solution acceptée
Teun
Solution
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

React App masked in Hubspot

Résolue

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>


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.


Voir la solution dans l'envoi d'origine

0 Votes
1 Réponse
Teun
Solution
Expert reconnu | Partenaire solutions Diamond
Expert reconnu | Partenaire solutions Diamond

React App masked in Hubspot

Résolue

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>


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.


0 Votes