---
title: "Nest.js Chatbase Template"
description: "A ready to go sample site that integrates Chatbase AI agents. All that's needed is an environment variable and you're prod-ready!"
url: "https://vercel.com/templates/next.js/nest-js-chatbase-template"
links:
  repository: "https://github.com/Chatbase-co/nextjs-marketplace-template"
  demo: "https://nextjs-marketplace-template.chatbase.fyi/"
  deploy: "https://vercel.com/new/clone?demo-title=Nest.js+Chatbase+Template&demo-description=A+ready+to+go+sample+site+that+integrates+Chatbase+AI+agents.+All+that%27s+needed+is+an+environment+variable+and+you%27re+prod-ready%21&demo-url=https%3A%2F%2Fnextjs-marketplace-template.chatbase.fyi%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F4YccyleiFAEgEIPcuy2AUv%2F5170bc5752b88348b49472dfe2e52a7e%2Ffinal_20preview.png&project-name=Nest.js+Chatbase+Template&repository-name=nest-js-chatbase-template&repository-url=https%3A%2F%2Fgithub.com%2FChatbase-co%2Fnextjs-marketplace-template&from=templates&skippable-integrations=1&products=%5B%7B%22type%22%3A%22integration%22%2C%22productSlug%22%3A%22chatbot%22%2C%22integrationSlug%22%3A%22chatbase%22%2C%22protocol%22%3A%22other%22%7D%5D&root-directories=List+of+directory+paths+for+the+directories+to+clone+into+projects&project-names=Comma+separated+list+of+project+names%2Cto+match+the+root-directories"
---

# Nest.js Chatbase Template

A ready to go sample site that integrates Chatbase AI agents. All that's needed is an environment variable and you're prod-ready!

# Next.js Chatbase Template

A Next.js starter template for Chatbase Agents.

## Quick Start

```bash
pnpm install
pnpm dev
```

## Deploy
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FChatbase-co%2Fnextjs-marketplace-template&env=NEXT_PUBLIC_CHATBOT_ID&envDescription=chatbot%20id%20from%20chatbase&integration-ids=icfg_jS0nsILSbn7FTwQFbTJy5CSY&products=%5B%7B%22type%22%3A%22integration%22%2C%22integrationSlug%22%3A%22chatbase%22%2C%22productSlug%22%3A%22chatbot%22%2C%22protocol%22%3A%22other%22%7D%5D)

## 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](https://www.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`:
```env
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](https://www.chatbase.co/docs/user-guides/quick-start/introduction) - Complete integration guide
- [API Reference](https://www.chatbase.co/docs/developer-guides/api-integration) - API-ready ai agent integration

## Preview
<img width="1467" height="775" alt="Screenshot 2025-10-22 at 9 08 34 PM" src="https://github.com/user-attachments/assets/2ee2a324-9ba8-4251-bc07-d9077875f560" />

## Related Integrations

### [Chatbase](https://vercel.com/marketplace/chatbase)

Build AI agents for improved customer service and satisfaction for free!

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.