←back to docs
Primers
Overview of the ChatBotKit Primers. Learn how to create conversational AI chatbots using ChatBotKit API and SDKs.
The primers are introductory examples for developers new to ChatBotKit and conversational AI software. Each example contains detailed instructions and comments on how to create conversational AI application and additional resources that can help developers become more familiar with the platform and its features.
| Platform | Example | Description |
|---|---|---|
| Next.js | Stateless Chat (App Router + RSC + Functions + Function Triggers) | A stateless chatbot example, where the conversation is managed by the client and the server. This example uses the App Router and Server Actions as well AI functions with function triggers. This is a powerful example to demonstrate the full capabilities of the ChatBotKit conversational AI platform. |
| Next.js | Stateless Chat (App Router + RSC + Functions) | A stateless chatbot example, where the conversation is managed by the client and the server. This example uses the App Router and Server Actions as well AI functions. |
| Next.js | Stateless Chat (App Router + RSC) | A stateless chatbot example, where the conversation is managed by the client and the server. This example uses the App Router and Server Actions. |
| Next.js | Stateless Chat (App Router) | A stateless chatbot example, where the conversation is managed by the client. This example uses the App Router. |
| Next.js | Stateless Chat | A stateless chatbot example, where the conversation is managed by the client. |
| Next.js | Basic Chat | A basic chatbot example, where the conversation is managed by ChatBotKit. |
| Next.js | NextAuth Example | Shows how to combine NextAuth and ChatBotKit. |
| Node | GPT4 Streaming AI chatbot | A simple streaming AI chatbot example. |
| Cloudflare Workers | GPT4 AI chatbot | A streaming AI chatbot example for Cloudflare Workers. |
In addition to the primers, which provide good starting point, take some time to explore the following real-world examples. These examples not only illustrate the ChatBotKit capabilities but also demonstrate their applications in various contexts, offering a more comprehensive understanding of the subject matter.
| Name | Description | Source | Demo |
|---|---|---|---|
| AI Art Bot | An interactive chatbot that uses generative UI to answer any questions about art. | GitHub | Live Demo |
| Next Gen Search | An interactive that demonstrates how to create an interactive search engine similar to Perplexity AI. | GitHub | Live Demo |
| Calendar Bot | This repository contains the code for an appointment scheduling chatbot designed to assist in managing calendar bookings. The chatbot, built with the ChatBotKit SDK, facilitates the booking of appointments following specific rules and guidelines to ensure an efficient and conflict-free scheduling process. | GitHub | Live Demo |