Weavy React Demo

A simple demo app that shows how to integrate Weavy in a Vite + React app with an ASP.NET Core backend. The React app mounts in Views/Home/Live.cshtml at the DOM node #live-root.

Prerequisites

• .NET 9 SDK
• Node.js

Setup

Install JS deps with npm ci. Configure Url and ApiKey for your Weavy environment in appsettings.json.

Run

1. Build client assets with npm run build (outputs to wwwroot/js/main.js)
2. Start the .NET app with dotnet run (or press Ctrl+F5 in Visual Studio)
3. Navigate to http://localhost:5018 in your browser.
4. Click login (this demo accepts any email address and password as valid credentials)
5. After login, click "Enter live show".
6. Enjoy Weavy in React!