Skip to main content

Prerequisites

  • Node.js 18+
  • A running Pipecat bot

Don't have a bot yet?

Follow the Pipecat server quickstart to get a bot running locally at http://localhost:7860.

Installation

SmallWebRTC is ideal for development — no third-party account needed. For production, swap in the Daily transport, which provides global infrastructure, echo cancellation, and more.

Step 1: Create the client

Step 2: Build the app

Step 3: Run it

Start your Pipecat bot (if it isn’t already running), then start the app:
npm run dev
Open http://localhost:5173, click Connect, allow microphone access, and start talking.

What each piece does

Next steps

Session Lifecycle

Understand connection states, reconnection, and teardown

Events & Callbacks

The full event system — what fires, when, and how to handle it

Custom Messaging

Send and receive custom messages between client and bot

React SDK Reference

All hooks, components, and types