Next.js Stateless Chat (App Router)

This example demonstrates the fundamentals of integrating ChatBotKit with Next.js App Router. It uses a dedicated API route to handle incoming messages and automatically streams responses back to the client.

The architecture is straightforward: an API endpoint receives user messages, forwards them to ChatBotKit's conversation completion API, and streams the AI response back through the same connection. On the client side, a React component provides the chat interface and handles the streamed responses.

This pattern is ideal for building basic chat applications where conversation state is managed client-side, making it simple to understand and extend.