GitHub Park
AI Assistant AI Skills Social Media HTML Vision Language Action Model Paper Reader Go Python Knowledge Base AI Tool all

AI-Chatbot: A full-featured, hackable Next.js AI chatbot built by Vercel

TypeScript AI Chatbot

AI-Chatbot is a conversational system built on artificial intelligence technology that enables natural language interaction with users. It accepts user text input and generates corresponding responses based on pre-trained models, commonly used to provide information, support user queries, and accomplish specific tasks. AI-Chatbot can be integrated into various platforms, such as websites, social media, and mobile applications, to enhance user experience and enable automated communication. Through AI-Chatbot, businesses and developers can improve customer satisfaction and increase operational efficiency.

AI Chatbot is built with Next.js and the AI SDK, helping developers quickly create fully functional chatbot applications, with templates that support personalized modifications.

Core Features of AI-Chatbot

  • Next.js App Router: Provides navigation with high performance and advanced routing capabilities.
  • React Server Components (RSCs) and Server Actions: Supports server-side rendering to improve application efficiency.
  • AI SDK: A unified API for generating text, structured objects, and calling large language model tools, along with hooks for building dynamic chat interfaces and generative UIs. Compatible with multiple model providers such as xAI (default), OpenAI, and Fireworks.
  • shadcn/ui: Combines Tailwind CSS for styling and integrates Radix UI component primitives, ensuring accessibility and flexibility.
  • Data Persistence: Uses Neon serverless Postgres to store chat history and user data, and leverages Vercel Blob for efficient file storage.
  • Auth.js: Provides simple and secure authentication functionality.

Model Provider Support

The template comes pre-configured with xAI's grok-2-1212 chat model. With the AI SDK, switching to other large language model providers like OpenAI, Anthropic, or Cohere requires only minimal code changes.

One-Click Deployment

Click the deployment button to deploy your own version of the Next.js AI Chatbot on Vercel.

Links

Visit vercel/ai-chatbot to access the source code and obtain more information.
Favorites