Template Web App
Last updated
Was this helpful?
Last updated
Was this helpful?
Our template web application is a solid and extendable foundation to build your own web application on-top of. Out of the box features include:
You can embed streaming clients in it by passing their WORLD_ID
as an Environment Variable. This makes it a great landing page for your end-users.
If you append /admin
to the end of the URL, you can access an admin page where you can manage permissions and perform moderation (muting/banning players).
Follow the steps below to setup and deploy your own version of our template app.
In order to embed a streaming client in your web app, you'll need a world for that client to connect to. Steps to deploy a world can be found here: Upload Content.
Note down your world's project ID and world ID. You'll need these later.
Speak to your MSquared support engineer/representative to get access to this repo.
Create a new GitHub repo.
Upload your lightly modified version of the morpheus-platform-example-app
repo to it.
ORGANIZATION_ID
- Ask your MSquared support engineer/representative to give you this.
PROJECT_ID
- This information is available in your metaverse dashboard. You noted it down in step 1.2.
WORLD_ID
- This information is available in your metaverse dashboard. You noted it down in step 1.2.
MSQUARED_API_KEY
- Ask your MSquared support engineer/representative to give you this.
Deploy your app in Vercel and you should now be able to use it.
If you want to be able to use moderation from the app's /admin
page, follow this guide: Moderation
Download the contents of . It's easiest just to download a zip as you'll re-upload this as a new repository later.
Follow the repo's file to set up your development environment.
To set your setup, run npm run dev
and visit to view the app running locally.
You might also want to test .
We recommend using and to deploy your application. They're what we use, so we can best support you if you do the same.
Follow the steps in to deploy your repo.
Note, you will need a to do this.
Follow the steps in to declare the following environment variables.
If you deployed your app before you declared your environment variable you'll need to it for the variable to take effect.
/admin
page