36:I[445394,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3rtal12svy071.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0861-g3jlvmw-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1ug2v8r3thpfl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ura5se5tusi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0vw3h98y2p6lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1r6-_p12-dwv3.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3puu_nos8vik8.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2wbztgc1-6un1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1a--ci8dry5wy.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/14y5v2vf-hgb_.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"Image"] 37:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3rtal12svy071.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0861-g3jlvmw-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1ug2v8r3thpfl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ura5se5tusi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0vw3h98y2p6lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1r6-_p12-dwv3.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3puu_nos8vik8.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2wbztgc1-6un1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1a--ci8dry5wy.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/14y5v2vf-hgb_.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseFallbackMarker"] 38:I[57106,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3rtal12svy071.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0861-g3jlvmw-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1ug2v8r3thpfl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ura5se5tusi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0vw3h98y2p6lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1r6-_p12-dwv3.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3puu_nos8vik8.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2wbztgc1-6un1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1a--ci8dry5wy.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/14y5v2vf-hgb_.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"ButtonLink"] 39:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3rtal12svy071.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0861-g3jlvmw-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1ug2v8r3thpfl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ura5se5tusi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0vw3h98y2p6lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1r6-_p12-dwv3.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3puu_nos8vik8.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2wbztgc1-6un1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1a--ci8dry5wy.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/14y5v2vf-hgb_.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseContentMarker"] 3a:I[382422,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3rtal12svy071.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0861-g3jlvmw-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1ug2v8r3thpfl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ura5se5tusi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0vw3h98y2p6lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1r6-_p12-dwv3.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3puu_nos8vik8.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2wbztgc1-6un1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1a--ci8dry5wy.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/14y5v2vf-hgb_.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TemplateDetailsHeroButtonsClient"] 12:[["$","title","0",{"children":"MCP Server on Next.js to Clone & Deploy - Vercel"}],["$","meta","1",{"name":"description","content":"Run an Model Context Protocol (MCP) server on Vercel with Next.js."}],["$","link","2",{"rel":"manifest","href":"/manifest.webmanifest","crossOrigin":"$undefined"}],["$","meta","3",{"name":"robots","content":"noindex, max-video-preview:-1, max-image-preview:none, max-snippet:-1"}],["$","link","4",{"rel":"canonical","href":"https://vercel.com/next.js/model-context-protocol-mcp-with-next-js"}],["$","meta","5",{"name":"mobile-web-app-capable","content":"yes"}],["$","meta","6",{"name":"apple-mobile-web-app-title","content":"Vercel"}],["$","meta","7",{"name":"apple-mobile-web-app-status-bar-style","content":"default"}],["$","meta","8",{"property":"og:title","content":"MCP Server on Next.js to Clone & Deploy"}],["$","meta","9",{"property":"og:description","content":"Run an Model Context Protocol (MCP) server on Vercel with Next.js."}],["$","meta","10",{"property":"og:url","content":"https://vercel.com/next.js/model-context-protocol-mcp-with-next-js"}],["$","meta","11",{"property":"og:site_name","content":"Vercel"}],["$","meta","12",{"property":"og:locale","content":"en_US"}],["$","meta","13",{"property":"og:image","content":"https://vercel.com/flg~eyJhbGciOiJIUzI1NiJ9._g.11TATYb5FttlmLiMUwNMf65pWZ7VBH5gjjcVoQS1BOE/new/thats-it-ais-projects/templates/next.js/model-context-protocol-mcp-with-next-js/opengraph-image?e541973644094711"}],["$","meta","14",{"property":"og:image:type","content":"image/png"}],["$","meta","15",{"property":"og:image:width","content":"1200"}],["$","meta","16",{"property":"og:image:height","content":"630"}],["$","meta","17",{"property":"og:image:alt","content":"Template"}],["$","meta","18",{"property":"og:type","content":"website"}],["$","meta","19",{"name":"twitter:card","content":"summary"}],["$","meta","20",{"name":"twitter:title","content":"MCP Server on Next.js to Clone & Deploy"}],["$","meta","21",{"name":"twitter:description","content":"Run an Model Context Protocol (MCP) server on Vercel with Next.js."}],["$","meta","22",{"name":"twitter:image","content":"https://assets.vercel.com/image/upload/q_auto/front/vercel/twitter-card.png"}],["$","link","23",{"rel":"icon shortcut","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/favicon.ico","type":"image/x-icon"}],["$","link","24",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-57x57.png","sizes":"57x57"}],["$","link","25",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-60x60.png","sizes":"60x60"}],["$","link","26",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-72x72.png","sizes":"72x72"}],["$","link","27",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-76x76.png","sizes":"76x76"}],["$","link","28",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-114x114.png","sizes":"114x114"}],["$","link","29",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-120x120.png","sizes":"120x120"}],["$","link","30",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-144x144.png","sizes":"144x144"}],["$","link","31",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-152x152.png","sizes":"152x152"}],["$","link","32",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-180x180.png","sizes":"180x180"}],["$","link","33",{"rel":"apple-touch-icon","href":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/apple-touch-icon-256x256.png","sizes":"256x256"}],"$L35"] 2c:null 2f:["$","div",null,{"className":"relative grid h-auto w-full overflow-hidden rounded-md border border-solid border-gray-300","children":["$","$L36",null,{"alt":"","height":1256,"priority":true,"sizes":"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw","srcDark":"https://images.ctfassets.net/e5382hct74si/73N0dZEENNBHEK030NFGlR/643235f2fbd7c082c7333bb315fab891/MCP__6_.jpg","srcLight":"https://images.ctfassets.net/e5382hct74si/73N0dZEENNBHEK030NFGlR/643235f2fbd7c082c7333bb315fab891/MCP__6_.jpg","width":2400}]}] 3b:Td58,# Chatbot Chatbot (formerly AI Chatbot) 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](https://nextjs.org) 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](https://ai-sdk.dev/docs/introduction) - Unified API for generating text, structured objects, and tool calls with LLMs - Hooks for building dynamic chat and generative user interfaces - Supports OpenAI, Anthropic, Google, xAI, and other model providers via AI Gateway - [shadcn/ui](https://ui.shadcn.com) - Styling with [Tailwind CSS](https://tailwindcss.com) - Component primitives from [Radix UI](https://radix-ui.com) for accessibility and flexibility - Data Persistence - [Neon Serverless Postgres](https://vercel.com/marketplace/neon) for saving chat history and user data - [Vercel Blob](https://vercel.com/storage/blob) for efficient file storage - [Auth.js](https://authjs.dev) - Simple and secure authentication ## Model Providers This template uses the [Vercel AI Gateway](https://vercel.com/docs/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 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](https://ai-sdk.dev/docs/introduction), you can also switch to direct LLM providers like [OpenAI](https://openai.com), [Anthropic](https://anthropic.com), [Cohere](https://cohere.com/), and [many more](https://ai-sdk.dev/providers/ai-sdk-providers) with just a few lines of code. ## Deploy Your Own You can deploy your own version of Chatbot to Vercel with one click: [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/templates/next.js/chatbot) ## Running locally You will need to use the environment variables [defined in `.env.example`](.env.example) to run Chatbot. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/projects/environment-variables) 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 various AI and authentication provider accounts. 1. Install Vercel CLI: `npm i -g vercel` 2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link` 3. Download your environment variables: `vercel env pull` ```bash pnpm install pnpm db:migrate # Setup database or apply latest database changes pnpm dev ``` Your app template should now be running on [localhost:3000](http://localhost:3000). 3c:T580,/[team]/[project]/firewall/configure/rule/new?template=%7B%22name%22%3A%22Detect%20AI%20Bots%22%2C%22active%22%3Atrue%2C%22description%22%3A%22%22%2C%22action%22%3A%7B%22mitigate%22%3A%7B%22redirect%22%3Anull%2C%22action%22%3A%22log%22%2C%22rateLimit%22%3Anull%2C%22actionDuration%22%3Anull%7D%7D%2C%22id%22%3A%22%22%2C%22conditionGroup%22%3A%5B%7B%22conditions%22%3A%5B%7B%22type%22%3A%22user_agent%22%2C%22op%22%3A%22re%22%2C%22value%22%3A%22AI2Bot%7CAi2Bot-Dolma%7CAmazonbot%7Canthropic-ai%7CApplebot%7CApplebot-Extended%7CBrightbot%201%5C%5C.0%7CBytespider%7CCCBot%7CChatGPT-User%7CClaude-Web%7CClaudeBot%7Ccohere-ai%7Ccohere-training-data-crawler%7CCrawlspace%7CDiffbot%7CDuckAssistBot%7CFacebookBot%7CFriendlyCrawler%7CGoogle-Extended%7CGoogleOther%7CGoogleOther-Image%7CGoogleOther-Video%7CGPTBot%7Ciaskspider%2F2%5C%5C.0%7CICC-Crawler%7CImagesiftBot%7Cimg2dataset%7CISSCyberRiskCrawler%7CKangaroo%20Bot%7CMeta-ExternalAgent%7CMeta-ExternalFetcher%7COAI-SearchBot%7Comgili%7Comgilibot%7CPanguBot%7CPerplexityBot%7CPetalBot%7CScrapy%7CSemrushBot-OCOB%7CSemrushBot-SWA%7CSidetrade%20indexer%20bot%7CTimpibot%7CVelenPublicWebCrawler%7CWebzio-Extended%7CYouBot%7CDigitalOceanGenAICrawler%2F1%5C%5C.0%22%7D%2C%7B%22type%22%3A%22user_agent%22%2C%22op%22%3A%22re%22%2C%22neg%22%3Atrue%2C%22value%22%3A%22facebookexternalhit%5C%5C%2F1%5C%5C.1%5C%5CsFacebot%5C%5CsTwitterbot%5C%5C%2F1%5C%5C.0%22%7D%5D%7D%5D%7D2e:["$","$11",null,{"fallback":["$","$L37",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":[["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L38",null,{"href":"#","children":"Deploy"}]}],["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L38",null,{"href":"#","children":"View Demo"}]}]]}],"children":["$","$L39",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":["$","$L3a",null,{"fields":{"name":"MCP with Next.js","slug":"model-context-protocol-mcp-with-next-js","githubUrl":"https://github.com/vercel-labs/mcp-for-next.js","demoUrl":"https://github.com/vercel-labs/mcp-for-next.js","publisher":"▲ Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"73N0dZEENNBHEK030NFGlR","type":"Asset","createdAt":"2025-03-09T18:51:10.710Z","updatedAt":"2025-05-07T23:18:14.597Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":4,"locale":"en-US"},"fields":{"title":"MCP","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/73N0dZEENNBHEK030NFGlR/643235f2fbd7c082c7333bb315fab891/MCP__6_.jpg","details":{"size":77034,"image":{"width":2400,"height":1256}},"fileName":"MCP (6).jpg","contentType":"image/jpeg"}}},"description":"Run an Model Context Protocol (MCP) server on Vercel with Next.js.","metaTitle":"MCP Server on Next.js to Clone & Deploy","framework":["Next.js"],"type":["Starter","AI"],"css":["None"],"database":["Redis","Upstash"],"relatedTemplates":[{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"4cDvQt5H37odqwbksMXlHA","type":"Entry","createdAt":"2024-09-17T04:00:20.240Z","updatedAt":"2024-09-17T04:00:20.240Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Liveblocks Notion-like AI Editor","slug":"liveblocks-notion-like-ai-editor","publisher":"Liveblocks","incomingThumbUrl":"https://drive.google.com/file/d/1P-FnY3TigjAyRJegGoXyna1e_tHlwViW/view","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3syb9V7uruTXryuIG5fVEs","type":"Asset","createdAt":"2024-09-14T20:51:06.287Z","updatedAt":"2024-09-14T20:51:06.287Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"locale":"en-US"},"fields":{"title":"Liveblocks Notion-like AI Editor template OG image","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3syb9V7uruTXryuIG5fVEs/e8f7ef8a7b6c0467a66965fb035f3fd6/vercel-gallery-template-notion-like-ai-editor.png","details":{"size":165226,"image":{"width":1270,"height":760}},"fileName":"vercel-gallery-template-notion-like-ai-editor.png","contentType":"image/png"}}},"description":"A Notion-like collaborative text editor with AI features built with Liveblocks, Lexical, Vercel AI SDK, and Next.js.","framework":["Next.js"],"type":["AI","Realtime Apps"],"css":["Tailwind"],"database":["Liveblocks"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"7yhmgl9UvC7qsKucZhD5hB"}},{"sys":{"type":"Link","linkType":"Entry","id":"63fN8oKtOHfn6OraCX9AWp"}},{"sys":{"type":"Link","linkType":"Entry","id":"6ie2aPfzAxcA6prAStNmSL"}},{"sys":{"type":"Link","linkType":"Entry","id":"4MbsQuDAwLhVKz1cWMU5vG"}}],"deployUrl":"https://vercel.com/new/clone?repository-url=https://github.com/liveblocks/liveblocks/blob/main/examples/nextjs-notion-like-ai-editor&project-name=notion-like-ai-editor&repository-name=notion-like-ai-editor&demo-title=Notion-like%20AI%20Editor&demo-description=A%20notion-like%20ai%20editor%20example%20built%20with%20Liveblocks%20and%20Next.js&demo-url=https://liveblocks.io/examples/notion-like-ai-editor/nextjs&demo-image=https://liveblocks.io/images/social-images/examples/notion-like-ai-editor.png&developer-id=oac_vgAdc0379wKPfhSvnUIZ4Vc8&integration-ids=oac_vgAdc0379wKPfhSvnUIZ4Vc8&env=OPENAI_API_KEY&external-id=eyJlbnYiOlt7Im5hbWUiOiJMSVZFQkxPQ0tTX1NFQ1JFVF9LRVkiLCJ0eXBlIjoic2VjcmV0In1dLCJlbnZSZWFkeSI6W10sIm9yaWdpbiI6IkVYQV9WREIifQ","githubUrl":"https://github.com/liveblocks/liveblocks/tree/main/examples/nextjs-notion-like-ai-editor","demoUrl":"https://nextjs-notion-like-ai-editor.liveblocks.app/","integrations":["oac_vgAdc0379wKPfhSvnUIZ4Vc8"],"integrationsOptional":false,"requiredEnvs":["OPENAI_API_KEY"]}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"4u2ePhYY69r7BCwaaZaiAq","type":"Entry","createdAt":"2025-01-20T17:05:57.935Z","updatedAt":"2025-01-20T17:05:57.935Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"AI SDK Image Generator","slug":"ai-sdk-image-generator","publisher":"▲ Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3FzOcjbPpSaGArTNoTkWg9","type":"Asset","createdAt":"2025-01-20T11:31:11.243Z","updatedAt":"2025-01-21T15:50:05.949Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":3,"locale":"en-US"},"fields":{"title":"ai-sdk-image-generator-screenshot","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3FzOcjbPpSaGArTNoTkWg9/c99d5c42d87f6e2c77d86fd383245027/Untitled_design__26_.png","details":{"size":548663,"image":{"width":1200,"height":1000}},"fileName":"Untitled design (26).png","contentType":"image/png"}}},"description":"An open-source AI image generator built with Next.js, the AI SDK, and various AI providers (Replicate, Fireworks, Google Vertex AI, OpenAI)","framework":["Next.js"],"type":["AI"],"css":["Tailwind"],"relatedTemplates":[{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"472Bf8ZS7aHlq4V8F1kDZg","type":"Entry","createdAt":"2023-06-16T22:16:25.441Z","updatedAt":"2026-06-28T19:53:27.138Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":106,"revision":32,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"hasBeenReviewed":true,"name":"Chatbot","description":"A full-featured, hackable Next.js AI chatbot built by Vercel","slug":"chatbot","order":3,"githubUrl":"https://github.com/vercel/chatbot","overview":"$3b","demoUrl":"https://chatbot.ai-sdk.dev/demo","publisher":"▲ Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"4cmiDM859wtut7XeG0iFYq","type":"Asset","createdAt":"2024-11-04T21:07:45.147Z","updatedAt":"2024-11-04T21:15:38.477Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":2,"locale":"en-US"},"fields":{"title":"ai-chatbot-3-0","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/4cmiDM859wtut7XeG0iFYq/953f071e4556b8a07bcab042f3a08db3/Untitled_design__17_.png","details":{"size":102671,"image":{"width":1200,"height":630}},"fileName":"Untitled design (17).png","contentType":"image/png"}}},"metaTitle":"Next.js AI Chatbot Templates & Starters","framework":["Next.js"],"type":["AI","Authentication"],"css":["Tailwind"],"database":["Vercel Blob","Postgres"],"auth":["NextAuth.js"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"5uVM4gkE0VYmNdUOYHiLEe"}},{"sys":{"type":"Link","linkType":"Entry","id":"6EdUIxQhnDggm8XSKcDzy6"}},{"sys":{"type":"Link","linkType":"Entry","id":"25lExhOPDFoDXUJtlpTUHi"}}],"integrationsOptional":true,"requiredEnvs":["AUTH_SECRET"],"requiredEnvsDescription":"Set a random secret to use for authentication.","products":[{"type":"integration","protocol":"storage","productSlug":"neon","integrationSlug":"neon"},{"type":"integration","protocol":"storage","productSlug":"upstash-kv","integrationSlug":"upstash"},{"type":"blob"}]}},{"sys":{"type":"Link","linkType":"Entry","id":"4CVuHI66LIkrRTlVdWLFzX"}}],"deployUrl":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fai-sdk-image-generator&env=FIREWORKS_API_KEY,GOOGLE_CLIENT_EMAIL,GOOGLE_PRIVATE_KEY_ID,GOOGLE_VERTEX_LOCATION,GOOGLE_VERTEX_PROJECT,OPENAI_API_KEY,REPLICATE_API_TOKEN&envDescription=AI%20Provider%20API%20keys%20required%20for%20this%20demo.&envLink=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fai-sdk-image-generator&demo-title=AI%20SDK%20Image%20Generator&demo-description=%20%20An%20open-source%20AI%20image%20generation%20app%20template%20built%20with%20Next.js%2C%20the%20AI%20SDK%20by%20Vercel%2C%20and%20various%20AI%20providers%20(Replicate%2C%20Fireworks%2C%20Google%20Vertex%20AI%2C%20OpenAI).&demo-url=https%3A%2F%2Fai-sdk-image-generator.vercel.app%2F","githubUrl":"https://github.com/vercel-labs/ai-sdk-image-generator","demoUrl":"https://ai-sdk-image-generator.vercel.app/","integrationsOptional":true,"requiredEnvsDescription":"API Keys Required"}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"1DbymljP6z1okv6KbvrguF","type":"Entry","createdAt":"2024-09-06T21:39:19.876Z","updatedAt":"2025-04-02T13:26:18.746Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":57,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Block AI Bots Firewall Rule","slug":"block-ai-bots-firewall-rule","publisher":"▲ Vercel","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"5vtqieb43hrFBqbMXsdBzs","type":"Asset","createdAt":"2024-09-06T21:39:15.448Z","updatedAt":"2024-09-06T21:39:15.448Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":1,"locale":"en-US"},"fields":{"title":"Firewall Template Rule 1","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/5vtqieb43hrFBqbMXsdBzs/b615541746d9e4d8beadf140cdd4b2d1/Firewall_Template.png","details":{"size":20672,"image":{"width":1200,"height":630}},"fileName":"Firewall Template.png","contentType":"image/png"}}},"customThumbnail":"$2e:props:children:props:children:props:fields:relatedTemplates:2:fields:thumbnail","description":"Adds a rule to your Vercel Firewall that detects common AI Bots.","framework":["Other"],"type":["Vercel Firewall"],"css":["None"],"overview":"A firewall rule that identifies bots known to be used in AI training based on web content.\n\nThe rule defaults to the \"log action\". Set to \"Deny\" to actually block these bots.\n\n## Consider customization\n\nThe generated firewall rule blocks a multitude of bots used in AI training. Consider customizing the list to your need. See this [JSON file](https://github.com/ai-robots-txt/ai.robots.txt/blob/main/robots.json) for detailed descriptions of each bot.\n\n## Attribution\n\nThis template is based on the [ai.robots.txt](https://github.com/ai-robots-txt/ai.robots.txt) project.\n","relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"1Rs1coP0fu79Zd8jCOOJrl"}},{"sys":{"type":"Link","linkType":"Entry","id":"QDMwoIJfNIbR5hKpp3e26"}}],"deployUrl":"$3c","githubUrl":"https://github.com/vercel/firewall-templates/tree/main/ai-bots-firewall-rule","demoUrl":"https://github.com/vercel-labs/ai-bots-firewall-rule","integrationsOptional":true}},"$2e:props:children:props:children:props:fields:relatedTemplates:1:fields:relatedTemplates:0"],"integrationsOptional":true,"cdnRoutingRuleHref":"","firewallRuleHref":"","thumbnailUrl":"//images.ctfassets.net/e5382hct74si/73N0dZEENNBHEK030NFGlR/643235f2fbd7c082c7333bb315fab891/MCP__6_.jpg"}}]}]}] 31:["$","div",null,{"className":"flex w-full flex-row items-start gap-4 lg:flex-col lg:items-start","children":[["$","span",null,{"className":"text-gray-1000 text-md font-medium","children":"GitHub"}],["$","div",null,{"className":"flex flex-row gap-x-4 lg:flex-col lg:gap-y-4","children":[["$","div",null,{"className":"flex flex-col gap-y-2","children":[["$","span",null,{"className":"text-gray-1000 text-md shrink-0 font-medium","children":"Owner"}],["$","$L25",null,{"className":"text-sm font-medium text-nowrap text-(--geist-link-color)! no-underline underline-offset-4 hover:underline","href":"https://github.com/vercel-labs","children":"vercel-labs"}]]}],["$","div",null,{"className":"flex flex-col gap-y-2","children":[["$","span",null,{"className":"text-gray-1000 text-md shrink-0 font-medium","children":"Repository"}],["$","$L25",null,{"className":"text-sm font-medium text-nowrap text-(--geist-link-color)! no-underline underline-offset-4 hover:underline","href":"https://github.com/vercel-labs/mcp-for-next.js","children":"mcp-for-next.js"}]]}]]}]]}]

MCP with Next.js

Related Templates

Block AI Bots Firewall Rule