Back to Apps
Next.js MCP Chatbot
Supports UIby cameronking4
A full-stack Next.js chatbot template designed to host and display interactive MCP Apps on the web.
0 stars
1 views
Works in:claude
Exposes:ResourcesPrompts
What it does
This is a developer template for building web-based AI chat interfaces that can natively render and interact with MCP Apps. It provides the infrastructure to connect a web frontend to MCP clients, enabling dynamic UI components (Apps) to be rendered directly in the chat stream.
Key features
- MCP App Host: Built-in support for rendering interactive MCP UI components on the web.
- AI SDK Integration: Uses Vercel AI SDK for streamlined tool calling and generative UI.
- Full-stack Ready: Includes Neon Postgres for history and Vercel Blob for file storage.
- Authentication: Integrated Auth.js for secure user management.
Installation
- Clone the repository and install dependencies:
pnpm install - Setup your database:
pnpm db:migrate - Configure environment variables from
.env.example. - Run locally:
pnpm dev
Supported hosts
Confirmed hosts: Claude (via MCP standard), Vercel AI Gateway.
Quick install
pnpm install && pnpm db:migrate && pnpm devInformation
- Pricing
- free
- Published
- 4/25/2026
- stars
