1 min read
You can now build chat UIs that connect to Chat SDK with the new web adapter. Build in-product assistants, support agents, or any other browser-based chat experience.
Define the bot on your server:
import { Chat } from "chat";import { createWebAdapter } from "@chat-adapter/web";
const bot = new Chat({ userName: "mybot", adapters: { web: createWebAdapter({ userName: "mybot", getUser: (req) => ({ id: getUserIdFromCookie(req) }), }), },});
bot.onDirectMessage(async (thread, message) => { await thread.post(`You said: ${message.text}`);});Then stream replies to the browser with a preconfigured @ai-sdk/react useChat hook:
import { useChat } from "@chat-adapter/web/react";
const { messages, sendMessage, status } = useChat();Read the documentation to get started, browse the directory, or build your own adapter.
The Complete Guide to Chat SDK
Learn how Chat SDK works end-to-end: from core concepts to building your first bot to deploying it across Slack, Teams, and more.
Read the guide