Next.js Stateless Chat with Server Actions (App Router)

This example showcases the power of Next.js Server Actions combined with ChatBotKit. Instead of creating separate API routes, Server Actions allow you to handle conversation logic directly in your server components, reducing boilerplate and improving code organization.

The architecture uses Next.js's built-in Server Actions to process messages and stream responses. This approach eliminates the need for API routes while maintaining the benefits of server-side processing and streaming responses.

This pattern is particularly useful for applications that want to keep server and client logic closely integrated while taking advantage of React Server Components.