Weave.js Backend Showcase

Build visual collaborative tools like Excalidraw, Miro, Canva, or Figma!
Explore the docs »

View Demo · Report Bug · Request Feature

About The Project

This repository contain the Weave.js showcase backend, its a demo of a backend that handles the real-time collaboration infrastructure for the Weave.js showcase frontend. It serves as the server-side component that:

• 🌐 Manages room sessions and user connections
• 🔄 Handles real-time synchronization of canvas state (e.g. using Yjs or WebSocket)
• 👥 Supports multi-user presence, awareness, and broadcasting
• 🔐 May include persistence, authentication, or permission logic

This backend is designed to demonstrate how Weave.js can be integrated into a full-stack collaborative environment, enabling live shared editing across clients.

Built With

• Express.js

Related repos

• Weave.js
• Weave.js showcase frontend

Quickstart

You can locally launch the backend showcase by:

• Install dependencies with: npm install

• Create a .env file on the folder /code, and setup the necessary configuration:

  HOSTNAME=0.0.0.0
  PORT=8081
  LOG_LEVEL=debug
  
  AZURE_WEB_PUBSUB_ENDPOINT=<azure-web-pubsub-endpoint>
  AZURE_WEB_PUBSUB_KEY=<key>
  AZURE_WEB_PUBSUB_HUB_NAME=weavejs
  PERSIST_FREQUENCY_SEG=10
  
  AZURE_STORAGE_CONNECTION_STRING=<azure-storage-connection-string>
  AZURE_STORAGE_ROOMS_CONTAINER_NAME=rooms
  AZURE_STORAGE_IMAGES_CONTAINER_NAME=images
  

• Run the frontend: npm run dev

You'll need access to a:

• Azure Web PubSub instance.
• Azure Blob Storage instance.

License

This project is licensed under the terms of the Apache-2.0 license.

© 2025 INDUSTRIA DE DISEÑO TEXTIL S.A. (INDITEX S.A.)

(back to top)