GraphCanon updated 1w · GitHub synced 1w
Decision brief
A powerful and hackable Next.js AI chatbot with extensive features including advanced routing, data persistence, and various model provider support.
Good fit when
- - When you need a robust chatbot template built on Next.js that supports TypeScript and includes advanced features like React Server Components for improved performance and customization.
- - Ideal for integrating with multiple AI model providers via Vercel’s AI Gateway, making it easy to switch between models without significant changes in code.
Avoid when
- - If you prefer a more lightweight solution without the need for complex deployments or advanced features, this chatbot might be overkill.
- - Avoid using if your project does not require or support TypeScript since the template is built specifically with it and assumes proficiency.
Observed Jul 11, 2026 · Source: enrich:decision_facts
Verify the decision
Adoption
Package downloads where a registry match exists. GitHub stars (20,825) are secondary evidence.
- npm downloads (30d)
- 731·npm downloads API·1w
Maintenance and security
Full trust report- Maintenance
- Steady (37d since push)
- As of 1w
- Provenance
- Not a fork · Organization account
- As of 1w
- Security (OSV)
- No lockfile
- As of 1mo
Public GitHub metadata and optional OSV scans. Signals, not a guarantee. Trust methodology.
Install
npm install chatbotSimilar tools
Same-category neighbours. No typed graph edges are catalogued for this tool yet.
Evidence and technical details
Sourced facts, taxonomy, compatibility claims, README excerpt, and machine-readable endpoints.
Overview
Chatbot is a free, open-source template for building powerful chatbot applications using Next.js and the AI SDK. It supports various model providers and includes features like advanced routing, data persistence, and authentication.
Capability facts
- CLI
- CLI entrypoint
Source: package.json:bin|scripts · Aug 15, 2026
- MCP server
- No MCP server detected
Source: repo_scan · Aug 15, 2026
- Languages
- typescript, javascript
Source: github.language+package.json · Aug 15, 2026
Categories
Tags
README
Chatbot
Chatbot (formerly AI Chatbot) is a free, open-source template built with Next.js and the AI SDK that helps you quickly build powerful chatbot applications.
Read Docs · Features · Model Providers · Deploy Your Own · Running locally
Features
- Next.js App Router
- Advanced routing for seamless navigation and performance
- React Server Components (RSCs) and Server Actions for server-side rendering and increased performance
- AI SDK
- Unified API for generating text, structured objects, and tool calls with LLMs
- Hooks for building dynamic chat and generative user interfaces
- Supports OpenAI, Anthropic, Google, xAI, and other model providers via AI Gateway
- shadcn/ui
- Styling with Tailwind CSS
- Component primitives from Radix UI for accessibility and flexibility
- Data Persistence
- Neon Serverless Postgres for saving chat history and user data
- Vercel Blob for efficient file storage
- Auth.js
- Simple and secure authentication
Model Providers
This template uses the Vercel AI Gateway to access multiple AI models through a unified interface. Models are configured in lib/ai/models.ts with per-model provider routing. Included models: Mistral, Moonshot, DeepSeek, OpenAI, and xAI.
AI Gateway Authentication
For Vercel deployments: Authentication is handled automatically via OIDC tokens.
For non-Vercel deployments: You need to provide an AI Gateway API key by setting the AI_GATEWAY_API_KEY environment variable in your .env.local file.
With the AI SDK, you can also switch to direct LLM providers like OpenAI, Anthropic, Cohere, and many more with just a few lines of code.
Deploy Your Own
You can deploy your own version of Chatbot to Vercel with one click:
Running locally
You will need to use the environment variables defined in .env.example to run Chatbot. It's recommended you use Vercel Environment Variables for this, but a .env file is all that is necessary.
Note: You should not commit your
.envfile or it will expose secrets that will allow others to control access to your various AI and authentication provider accounts.
- Install Vercel CLI:
npm i -g vercel - Link local instance with Vercel and GitHub accounts (creates
.verceldirectory):vercel link - Download your environment variables:
vercel env pull
pnpm install
pnpm db:migrate # Setup database or apply latest database changes
pnpm dev
Your app template should now be running on localhost:3000.
For agents
This page has a .md twin and JSON over the API.