frontend-integration

Deploy the workflow with WorkflowAPI or Nexus, then POST to the execute endpoint using fetch or axios. Wrap the call in a TanStack Query mutation to handle loading, success, and error states in your component.

Create a Dart service class using the http package or Dio to POST workflow inputs to the Nexus API endpoint. Manage the async results with Riverpod providers or Bloc, and render loading, data, and error states in your widgets.

Use React Query for server state such as workflow execution results and API data, since it handles caching and refetching. Use Zustand for local client state like UI preferences or editor selections that do not come from the server.

Yes, enable streaming on WorkflowAPI and read the response body with a ReadableStream reader in React, decoding chunks incrementally. Flutter clients can use Dio streaming or WebSocket connections for real-time execution updates.

Common causes include the Nexus API not running on the expected port, missing CORS configuration, or incorrect Content-Type headers. Verify the backend is listening on port 8000 and that requests include application/json headers.