| app | ||
| assets/fonts | ||
| components | ||
| lib | ||
| public | ||
| .env.example | ||
| .eslintrc.json | ||
| .gitignore | ||
| auth.ts | ||
| middleware.ts | ||
| next-auth.d.ts | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| pnpm-lock.yaml | ||
| postcss.config.js | ||
| prettier.config.cjs | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
Next.js AI Chatbot
An open-source AI chatbot app template built with [Next.js](https://nextjs.org), the [Vercel AI SDK](https://sdk.vercel.ai/docs), OpenAI, and [Vercel KV](https://vercel.com/storage/kv).
Introduction · Model Providers · Deploy Your Own · Running locally · Authors
Introduction
- Next.js app template Router
- React Server Components (RSCs), Suspense, and Server Actions
- Vercel AI SDK for streaming chat UI
- Support for OpenAI (default), Anthropic, HuggingFace, or custom AI chat models and/or LangChain
- Edge runtime-ready
- shadcn/ui
- Styling with Tailwind CSS
- Radix UI for headless component primitives
- Icons from Phosphor Icons
- Chat History, rate limiting, and session storage with Vercel KV
- Next Auth for authentication
Model Providers
This template ships with OpenAI gpt-3.5-turbo as the default. However, thanks to the Vercel AI SDK, switching LLM providers to Anthropic, HuggingFace, or using LangChain with just a few lines of code.
Deploy Your Own
You can deploy your own version of the Next.js AI Chatbot to Vercel with one click:
Running locally
You will need to use the environment variables defined in .env.example to run Next.js AI 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 OpenAI 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 dev
Your app template should now be running on localhost:3000.
Authors
This library is created by Vercel and Next.js team members, with contributions from:
- Jared Palmer (@jaredpalmer) - Vercel
- Shu Ding (@shuding_) - Vercel
- shadcn (@shadcn) - Contractor