This path adds live, interactive features to a web app: realtime channels for presence, notifications, and live dashboards (a drop-in Pusher alternative), and an embeddable chat widget with AI + human agents. The sidebar now shows just these steps — follow them with Next.

​
What you’ll build

Public / private / presence channels your frontend subscribes to over WebSocket or QUIC, server-side event publishing, and a <script>-tag chat widget that greets visitors with an AI agent and escalates to a human — with files, forms, and reactions.
1

Realtime, the Pusher way

Realtime overview — migrate pusher-js by changing one URL, or use the QUIC-native client.
2

Wire the client & server

SDK & API, then the cookbook (subscribe, presence, private channels, server publish, webhooks) and recipes.
3

Drop chat on a page

Chat overview and the widget & API.
4

Make it do real work

Chat cookbook (embed on a webpage, forms, skill routing, AI + human, files, reactions) and recipes.
Adding a voice agent to the same app? See the Voice Agent path — it shares the same connection and auth.