cms-react-boilerplate icon indicating copy to clipboard operation
cms-react-boilerplate copied to clipboard

Update README.md to include steps on how to add module in Design Manager

Open jjasne opened this issue 2 years ago • 2 comments

I'm a little new to the HubSpot CMS developer setup. I was able to successfully follow the setup guide to create a local React app and ran "npm start" to push the changes to the account's Design Manager.

At this point, I am a little confused as to what to do to get my application to appear within HubSpot. I've read up on themes and modules but I am still a little perplexed on how to get my app into the default theme/page. More importantly, I am attempting to use axios to query the test account customer database, however, I am getting a CORS error due to the domain used in the Design Manager Preview mode for my application.

Can we update the README.md to be a little more specific as to what to do once the developer executes the "npm start" command?

Thanks! Josh

jjasne avatar Apr 12 '23 20:04 jjasne

Make sure the portalId of your default portal is the correct account. I went through the process of creating a developer account after already having a hubspot account created. This resulted in me having two portalIDs under the same email address.

If you can successfully see the cms-react-boilerplate folder in your design manager then you should be good. Screen Shot 2023-08-05 at 9 54 00 PM

I was able to find the module by searching "app".

Screen Shot 2023-08-05 at 9 53 43 PM

Just drag and drop and you're golden. npm start will watch your changes and reupload them to give you a pseudo realtime development experience. Screen Shot 2023-08-05 at 9 56 08 PM

TomWpn avatar Aug 06 '23 01:08 TomWpn

It's very misleading and their support did not know the answer when I asked. But Hubspot react modules are not uploaded to the design manager files.

sam-frampton avatar Mar 07 '24 15:03 sam-frampton