HubSpot / cms-react-boilerplate

Other
66 stars 33 forks source link

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

Open jjasne opened 1 year ago

jjasne commented 1 year ago

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

TomWpn commented 11 months ago

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
sam-frampton commented 4 months ago

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.