chatbot - A full-featured, hackable Next.js AI chatbot built

项目说明

<a href="
<img alt="Chatbot" src="app/(chat)/opengraph-image.png">
<h1 align="center">Chatbot</h1>
</a>

<p align="center">
Chatbot (formerly AI Chatbot) is a free, open-源码 template built with Next.js and the AI SDK that helps you quickly build powerful chatbot applications.
</p>

<p align="center">
<a href=" Docs</strong></a> ·
<a href="#features"><strong>Features</strong></a> ·
<a href="#model-pro"><strong>Model Pro</strong></a> ·
<a href="#deploy-your-own"><strong>Deploy Your Own</strong></a> ·
<a href="#running-locally"><strong>Running locally</strong></a>
</p>
<br/>

Features

Next.js App Router

- Ad routing for seamless na and performance
- React Ser (RSCs) and Ser for ser rendering and increased performance

AI SDK

- Unified API for generating text, structured objects, and 工具 calls with LLMs
- Hooks for building dynamic chat and generative user interfaces
- Supports OpenAI, Anthropic, Google, xAI, and other model pro via AI Gateway

shadcn/ui

- Styling with Tailwind CSS
- Component primitives from Radix UI for accessibility and flexibility

Data Persistence

- Neon Ser Postgres for saving chat history and user data
- Blob for efficient file storage

Auth.js

- Simple and secure authentication

Model Pro

This template uses the 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 deployments: Authentication is handled automatically via OIDC tokens.

For non- deployments: You need to provide an AI Gateway API key by setting the AI_GATEWAY_API_KEY en in your .en file.

With the AI SDK, you can also switch to direct LLM pro like OpenAI, Anthropic, Cohere, and many more with just a few lines of 代码.

Deploy Your Own

You can deploy your own of Chatbot to with one click:

![Deploy with ]()

Running locally

You will need to use the en defined in .en to run Chatbot. It's recommended you use En for this, but a .env file is all that is necessary.

> Note: You should not commit your .env file or it will expose secrets that will allow others to control access to your AI and authentication provider accounts.

1. Install CLI: npm i -g
2. Link local instance with and GitHub accounts (creates . directory): link
3. Download your en : env pull

Your app template should now be running on localhost:3000.

项目信息

开发语言：TypeScript

Star 数：20988

技术要点

该项目属于黑客技术方向的开源资源，代码结构清晰，适合安全研究人员学习参考。项目围绕A full-featured, hackable Next.js AI chatbot built by Vercel展开，提供了可运行的实现，对理解相关安全机制、工具原理与攻防技术具有较高的研究价值。

从技术实现角度看，此类项目的核心在于对底层原理的深入理解与工程化落地。开发者在研究过程中可以结合官方文档与社区讨论，梳理项目的初始化流程、核心模块职责与数据流转，逐步掌握其中的技术细节与设计思路。

使用与学习建议

1. 下载源码压缩包，解压到本地环境。

2. 根据项目类型准备对应的运行环境与依赖。

3. 按照 README 中的步骤完成配置与部署。

4. 在隔离的测试环境中运行验证，避免影响生产系统。

免责声明

本资源来源于开源社区，仅供安全研究、技术学习与合法授权范围内的攻防演练使用，请勿用于任何非法或侵害他人权益的用途。使用本项目产生的一切后果由使用者自行承担。