vercel/chatbot

Analysis updated 2026-06-21

★ 20,299TypeScriptAudience · vibe coderComplexity · 2/5Setup · moderate

Mindmap

mindmap
  root((vercel chatbot))
    What it does
      Chat starter template
      Multi-model routing
      One-click deploy
    Auth and Data
      Auth.js login
      Neon Postgres history
      Vercel Blob uploads
    AI Models
      OpenAI
      Anthropic
      Google Gemini
    Use Cases
      Custom chatbot
      Support bot
      AI product MVP

mindmap root((vercel chatbot)) What it does Chat starter template Multi-model routing One-click deploy Auth and Data Auth.js login Neon Postgres history Vercel Blob uploads AI Models OpenAI Anthropic Google Gemini Use Cases Custom chatbot Support bot AI product MVP

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Clone and deploy a fully working AI chatbot to Vercel in minutes, then customize branding and system prompt.

USE CASE 2

Use the template as a foundation for a customer support bot, coding assistant, or personal knowledge base with chat UI.

USE CASE 3

Switch the underlying AI model from OpenAI to Anthropic or Mistral with minimal code changes thanks to the unified AI SDK.

USE CASE 4

Build a custom AI chat product with user login, conversation history, and file upload already included out of the box.

What is it built with?

TypeScriptNext.jsReactPostgreSQLTailwind CSSAuth.jsshadcn/ui

How does it compare?

	vercel/chatbot	graphql/graphql-js	dyad-sh/dyad
Stars	20,299	20,318	20,339
Language	TypeScript	TypeScript	TypeScript
Setup difficulty	moderate	moderate	moderate
Complexity	2/5	3/5	2/5
Audience	vibe coder	developer	vibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires a Neon Postgres database, an AI provider API key, and environment variables configured before local development works.

In plain English

Vercel Chatbot is a free, open-source starter template for building a full-featured AI chatbot application. It is not a chatbot itself, but rather a ready-made codebase that a developer can clone, configure, and deploy to have a working chat application in minutes, then customize it to their needs. The template is built with Next.js (a popular React-based web framework) and Vercel's AI SDK, which provides a unified interface to multiple large language model providers. Out of the box it supports models from OpenAI, Anthropic, Google, xAI, Mistral, Moonshot, and DeepSeek, all routed through Vercel's AI Gateway, so you can switch between providers with minimal code changes. Authentication (user login) is handled by Auth.js, chat history is stored in a Neon serverless PostgreSQL database, and file uploads go to Vercel Blob storage. The user interface is built with shadcn/ui components styled with Tailwind CSS. On Vercel's own platform, deploying takes a single click, running it locally requires Node.js, the pnpm package manager, and setting up environment variables for the AI gateway and database. The codebase is described as "hackable," meaning it is intended as a starting point to build upon rather than a finished product. You would use this template if you want to launch a custom AI chat product quickly without building all the plumbing from scratch, the authentication, conversation persistence, streaming responses, and multi-model routing are already wired together for you.

Copy-paste prompts

Prompt 1

I cloned the Vercel chatbot template and want to add a system prompt making it act as a customer support agent for a SaaS. Where do I add the system prompt and what should it say?

Prompt 2

Help me modify the Vercel chatbot template to store conversations in a different Postgres schema and add a clear history button to the UI.

Prompt 3

I want to use this chatbot template with Anthropic Claude instead of OpenAI. Show me exactly which environment variables and provider config to change.

Prompt 4

Add a sidebar to the Vercel chatbot template that lists past conversations and lets users click to reload any previous chat session.

Frequently asked questions

What is chatbot?

Vercel Chatbot is a ready-made open-source starter codebase for building a full AI chat application, authentication, conversation history, multi-model routing, and file uploads are all pre-wired so you can deploy and customize quickly.

What language is chatbot written in?

Mainly TypeScript. The stack also includes TypeScript, Next.js, React.

How hard is chatbot to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is chatbot for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub vercel on gitmyhub

Verify against the repo before relying on details.