Build an AI Chatbot with Pipes — ⌘ Langbase

An AI Chatbot example to help you create chatbots for any use case. This chatbot is built by using an AI Pipe on Langbase, it works with 30+ LLMs (OpenAI, Gemini, Mistral, Llama, Gemma, etc), any Data (10M+ context with Memory sets), and any Framework (standard web API you can use with any software).

Check out the live demo here.

Features

• 💬 AI Chatbot — Built with an AI Pipe on ⌘ Langbase
• ⚡️ Streaming — Real-time chat experience with streamed responses
• 🗣️ Q/A — Ask questions and get pre-defined answers with your preferred AI model and tone
• 🔋 Responsive and open source — Works on all devices and platforms

Learn more

1. Check the AI Chatbot Pipe on ⌘ Langbase
2. Read the source code on GitHub for this example
3. Go through Documentaion: Pipe Quick Start
4. Learn more about Pipes & Memory features on ⌘ Langbase

Get started

Let's get started with the project:

To get started with Langbase, you'll need to create a free personal account on Langbase.com and verify your email address. Done? Cool, cool!

1. Fork the AI Chatbot Pipe on ⌘ Langbase.
2. Go to Langbase API keys page and generate an API key (to be used on server-side only).
3. Download the example project folder from here or clone the reppository.
4. cd into the project directory and open it in your code editor.
5. Duplicate the .env.example file in this project and rename it to .env.local.
6. Add the following environment variables:

sh
DownloadCopy code
1# Replace `USER/ORG-API-KEY` with the generated API key.
2LANGBASE_API_KEY="USER/ORG-API-KEY"
3
4# Install the dependencies using the following command:
5npm install
6
7# Run the project using the following command:
8npm run dev

Your app template should now be running on localhost:3000.

NOTE: This is a Next.js project, so you can build and deploy it to any platform of your choice, like Vercel, Netlify, Cloudflare, etc.

---

Authors

This project is created by Langbase team members, with contributions from:

• Ahmad Awais (@MrAhmadAwais) - Founder & CEO, Langbase
• Ahmad Bilal (@AhmadBilalDev) - Founding Engineer, Langbase

Built by ⌘ Langbase.com — Ship hyper-personalized AI assistants with memory!