CMS Development

xxicay
メンバー

React App masked in Hubspot

解決

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 いいね!
1件の承認済みベストアンサー
Teun
解決策
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

React App masked in Hubspot

解決

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 いいね!
1件の返信
Teun
解決策
名誉エキスパート | Diamond Partner
名誉エキスパート | Diamond Partner

React App masked in Hubspot

解決

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 いいね!