Visualize Azure serverless workflow progress in realtime with pubsub

This post demonstrates how to use Azure Functions and Durable Functions to build a serverless workflow that publishes progress updates in real-time using Ably, a cloud-based pubsub service. The solution includes a Vue front-end for visualizing the workflow status and an Azure Static Web Apps hosting solution. The serverless workflow is implemented with Durable Functions, which allows writing workflows as code and enables stateful functions. The Ably realtime client is used to establish a WebSocket-based connection and subscribe to named events that correspond with the activity functions in the back-end. The front-end updates its UI based on these progress updates received from Ably.