Next.js Chatbase Template

A Next.js starter template for Chatbase Agents.

Quick Start

1
pnpm install
2
pnpm dev

Deploy

Chatbase AI Integration

This template comes pre-configured with Chatbase integration. Here's how to set it up:

1. Create Chatbase Account

Visit Chatbase.co to create your account and chatbot.

2. Get Your Chatbot ID

1. Log into your Chatbase dashboard
2. Create a new chatbot or select existing one
3. Copy your chatbot ID

3. Configure Environment Variables

You need 1 environment variable: NEXT_PUBLIC_CHATBOT_ID

Create .env.local:

1
vercel env pull .env.local

4. Customize Your Chatbot

• Upload your documentation and FAQs to train the AI agent in the Chatbase Dashboard
• Customize the chatbot's personality and responses
• The chatbot will automatically appear on your site once configured

Chatbase Resources

• Chatbase Documentation - Complete integration guide
• API Reference - API-ready ai agent integration

Preview