88df4d8793
- 新增抠图API路由 (/api/rmbg) - 从数据库读取RMBG API配置 - 调用外部RMBG服务进行抠图 - 上传处理后的图片到S3存储桶（缩略图+原图） - 保存图片记录到GeneratedImage表 - 返回S3 URL和Base64给前端 - 在画图标注组件中添加抠图功能 - 添加抠图按钮（带Scissors图标） - 调用抠图API处理画布图片 - 使用S3 URL替换画布图片 - 显示处理状态和成功提示 - 在系统设置中添加抠图API配置 - 新增抠图设置标签页 - API地址和密钥配置 - 配置保存到SystemSettings表（key: rmbg_api_config） - 功能特点： - 图片自动上传到S3存储桶 - 自动生成缩略图（500px，PNG格式保持透明） - 保存到数据库，可在相册和出图记录中查看 - 支持透明背景PNG格式 - 完整的错误处理和用户提示
/opengraph-image.png)
Chat SDK
Chat SDK is a free, open-source template built with Next.js and the AI SDK that helps you quickly build powerful chatbot applications.
Read Docs · Features · Model Providers · Deploy Your Own · Running locally
Features
- 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 xAI (default), OpenAI, 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
- Auth.js
- Simple and secure authentication
Model Providers
This template uses the Vercel AI Gateway to access multiple AI models through a unified interface. The default configuration includes xAI models (grok-2-vision-1212, grok-3-mini) routed through the gateway.
AI Gateway Authentication
For Vercel deployments: Authentication is handled automatically via OIDC tokens.
For non-Vercel deployments: You need to provide an AI Gateway API key by setting the AI_GATEWAY_API_KEY environment variable in your .env.local file.
With the AI SDK, you can also switch to direct LLM providers like OpenAI, Anthropic, Cohere, and many more 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 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 db:migrate # Setup database or apply latest database changes
pnpm dev
Your app template should now be running on localhost:3000.