Publishing Hubspot React Module

Developer Support CMS Development
1

I am working on the Hubspot Module creation. I have completed the development. I have developed it by refereeing the docs. Now, I want to publish the Module on the Marketplace of the Hubspot. While processing it. I saw that it is giving the validation errors.

DhruvangDave_0-1755953430666.png
DhruvangDave_0-1755953430666.png1919×352 69.6 KB

But it is not that helpful as it is not showing exactly what is going wrong. Also, I have gone through the docs but could not able to find any particular folder structure for the (Publishable) module.

Also, Here is my folder structure breakdown:

- hello-world-project

- hello-world-app

- assets (dir)

- (All images of module)

- components (dir)

- islands

- Slider.jsx

- modules

- Slider

- fields.jsx

- index.jsx

- styles (dir)

- node_modules (dir)

- .pnp.cjs

- .pnp.loader.mjs

- babel.config.json

- cms-assets.json

- hubspot.config.yml

- package.json and lock files

- vitest.config.js

- yarn.lock

- .hsignore

- hubspot.config.yml
While I am trying to run the command: hs project validate

I am getting the following error:

DhruvangDave_1-1755955124968.png

My questions:
1. What should be my folder structure while uploading the React CMS module to the Marketplace.

2. What procedure should I follow.

3. Which things I should take care of on the coding level.

4. Am I missing anything here?

2

Hi @Dhruvang-Dave and welcome, we are so glad to see you here!
Thanks for reaching out to the Community and it’s great to see that you did some research before posting, I appreciate it!
I’d love to invite our Top Experts and Community Members to this discussion: Hi @albertsg, @FaramarKolivand, @RWallentin, @critesjm, @tricialeach,@sylvain_tirreau and @Anton do you have suggestions to help @Dhruvang-Dave, please?
Have a lovely day and thanks so much in advance for your help!
Bérangère, HubSpot Community Manager

3

Hi,

Several things are wrong, but I don’t have time to go into all the details right now.

The best thing to do is follow the recommended architecture. Check out the “Project structure” section here: GitHub - HubSpot/cms-elevate-theme-public · GitHub

Then, carefully follow what’s written here: Build health checks - HubSpot docs

You need to run your commands in the folder that contains hsproject.json.

With this, you’ll be able to get on the right track.

4

Hello,

With the new developer platform, you now have a command that properly initializes your project:

hs get-started