An Open-Source AI Chatbot w/ MeetingBaas Integrated - Fork of Vercel's AI Chatbot
- MeetingBaas
- Unified API for integrating with Google Meet, Zoom, and Microsoft Teams meetings
- Automated recording, transcription, and LLM summaries through simple API endpoints
- 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 (default), Anthropic, xAI, Fireworks, and other model providers
- 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
- Centralised authentication app integration
- Simple and secure authentication. Built upon better-auth
- Support for several providers like Google, Microsoft, GitHub, GitLab and Zoom.
If you're upgrading from a previous version using Auth.js:
- Update your environment variables according to the new .env.example file
- Since userId is now an integer, the current tables would be truncated, and data would be lost
- Set
DISABLE_AUTH=truefor local development if needed - For production, ensure the auth app is deployed and configured first
This enhanced version of the Chat SDK template includes several key upgrades to improve authentication, UX, and functionality:
- Auth System Integration
- Fully integrated authentication using
better-auth - Support for multiple providers
- Single Sign On
- Optionally disable auth for local development (useful when authentication app is on a different domain)
- Fully integrated authentication using
- Redesigned Login & Register Pages
- Modern, user-friendly layouts with improved UX and input validation
- Home Page Makeover
- Cleaner interface and layout for the chatbot landing page
- Web Search Integration
- Responses enriched via OpenAI's Responses API, adding contextual and real-time info
This template ships with OpenAI gpt-4o as the default chat model. However, with the AI SDK, you can switch LLM providers to xAI, Anthropic, Cohere, and many more with just a few lines of code.
You can deploy your own version of the Next.js AI Chatbot to Vercel with one click:
You will need to use the environment variables defined in .env.example to run the 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 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 devYour app template should now be running on localhost:3000.