Tips from Community Devs for Working with Hubs Code

Jun 1, 2022 2 min read
a robot casting a shadow at stone henge.
Credit: Hub Henge

In the past few months, we have seen an increasing number of people and groups forking Mozilla Hubs, making modifications and extending Hubs in various ways. I asked some of our community developers what tips they wish they were given before diving into the Mozilla Hubs code base?

For example did you know you can use the chat command /duck to quickly bring in a 3D object in the scene for testing and debugging?

'/duck' for a quick test object

If you are just getting started, check out these bits of advice and tips from developers in the Hubs community:

Rupert Rawnsely | CTO Avantis
You can pull the client code and run against the dev server with no need to spin up a Hubs Cloud.  

Louis Blesch
Understand the difference between running the local client against hubs dev servers npm run dev and a hubs cloud instance with npm run start

Micheal Morran | Mozilla Hubs | OnboardXR
Fabien Benetou's tools for prototyping and debugging helped me get started a year and a half ago.

Justin Colangelo | StandardMagic
Following along in that deploy.js file was helpful. We've customized that to post to Discord/Slack/whatever kind of deploy channels we've set up.

The admin area server settings advanced tab can be tricky (it is called Advanced for a reason).

The advanced server settings of the admin panel allows you to set csp's, CORS and HTTP headers.

Chris Calef
If you need additional backend functionality or data storage but don't want to get into customizing reticulum, try looking at lamdba functions and connecting to services that way.

Markus Traber
These docs: best practices and UI best practices
This diagram is also helpful to get an overview: System Overview

System Overview by Al Birr Karim
Markus also created Awesome Mozilla Hubs ⭐️ A fantastic list of resources.

Meng Zhang
I found this article on reticulum customization very helpful.

Reticulum customization resource by Kohei Watanabe

Thanks so much to the many community devs who participated in the survey and offered their sage advice. You can get more information by following Mozilla Hubs on Twitter or joining us in Discord.

Ready to get started with your own hub? Visit today!

Great! Next, complete checkout for full access to Creator Labs.
Welcome back! You've successfully signed in.
You've successfully subscribed to Creator Labs.
Success! Your account is fully activated, you now have access to all content.
Success! Your billing info has been updated.
Your billing was not updated.