yomorun/metaverse-workplace-cloudflare-frontend

🏡 Metaverse Workplace with fully Geo-distributed edge architecture

A Metaverse Workplace deployed on the edge

Open https://yona.pink to try out fully geo-distributed edge architecture open-sourced metaverse workplace.

Architecture

• Web: Next.js
• Web Hosting: Cloudflare Pages with functions(beta)
• Realtime Features: YoMo
• WebRTC: Agora

Development

First, build Next.js project by

npm run export

Then, start Cloudflare Pages local dev:

npx wrangler pages dev ./out --binding NEXT_PUBLIC_AGORA_APP_ID={AGORA_APP_ID} \
NEXT_AGORA_APP_CERTIFICATE={YOUR_AGORA_APP_CERTIFICATE} \
NEXT_PUBLIC_RTCTOKENKEY=RTCTOKEN

Deploy on Cloudflare

There are four Environment Variables need to be added on Cloudflare Pages:

• NEXT_PUBLIC_AGORA_APP_ID
• NEXT_AGORA_APP_CERTIFICATE
• NEXT_PUBLIC_RTCTOKENKEY
• NODE_VERSION