Skip to content
New Project

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!

DeployView Demo
This is an auto-uploaded thumbnail from https://vercel.com/templates/submit.

Next.js Chatbase Template

A Next.js starter template for Chatbase Agents.

Quick Start

pnpm install
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:

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

GitHub RepoChatbase-co/nextjs-marketplace-template
Use Cases
AI
Stack
Next.js
Tailwind

Related Templates

Next.js Boilerplate

Get started with Next.js and React in seconds.
Next.js Boilerplate thumbnail

Image Gallery Starter

An image gallery built on Next.js and Vercel Blob.
Image Gallery Starter thumbnail

Chatbot

A full-featured, hackable Next.js AI chatbot built by Vercel
Chatbot thumbnail
DeployView Demo