←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 |
|---|---|---|---|
| CBK White Label | his powerful tool enables you to build and deploy custom conversational AI SaaS solutions quickly and efficiently. This is the ideal for entrepreneurs, agencies, and developers who want to build their own AI platforms. | GitHub | n/a |
| 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 |
| AI Form Builder | This repository contains the code for an AI form builder. Built with the ChatBotKit SDK, this example showcases how to render UI components inside an AI conversation. | GitHub | Live Demo |
| Fuzzy Search | This repository contains the code for a search widget. The Widget can be activated by clicking the the "Click to search" button as well as press the key combination Cmd/Ctrl + K. The widget will then open and the user can start typing to search for a specific item. The widget will then show the search results in a list below the search input. The user can then click on the item to navigate to the specific page. | GitHub | n/a |
There are also plenty of places where ChatBotKit is used in the wild. Check out the following products and services powered by ChatBotKit powerful SDK.
| Name | Description | Link |
|---|---|---|
| FormShare | Create conversational AI forms — for free. Simply describe your form and let us handle the rest. | https://formshare.ai |
| PeopleAI | Experience history like never before with our AI chatbots, allowing you to converse with and learn from some of the most influential and significant figures in human history. | https://peopleai.app |
| FashionAI | Get personalized style recommendations tailored to your unique fashion preferences, all powered by the latest artificial intelligence technology. | https://fashionai.app |
| PageAudit | PageAudit is an AI-driven platform that scrutinize the fine details of your landing page to help you convert better. | https://pageaudit.app |
| AskNotion | Create your personal ChatGPT-like chatbot that is trained on your Notion Pages. | https://asknotion.app |