[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10786":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":35,"discoverSource":36},10786,"gemini-chatbot","vercel-labs\u002Fgemini-chatbot","vercel-labs","Build your own generative UI chatbot using the Vercel AI SDK and Google Gemini","https:\u002F\u002Fgemini.vercel.ai",null,"TypeScript",1333,492,8,25,0,2,14,21.08,"Other",false,"main",true,[25,26,27,28,29,30,31],"ai","chatbot","gemini-pro","nextjs","react","typescript","vercel","2026-06-12 02:02:26","\u003Ca href=\"https:\u002F\u002Fchat.vercel.ai\u002F\">\n  \u003Cimg alt=\"Next.js 14 and App Router-ready AI chatbot.\" src=\"app\u002F(chat)\u002Fopengraph-image.png\">\n  \u003Ch1 align=\"center\">Next.js Gemini Chatbot\u003C\u002Fh1>\n\u003C\u002Fa>\n\n\u003Cp align=\"center\">\n  An Open-Source AI Chatbot Template Built With Next.js and the AI SDK by Vercel.\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"#features\">\u003Cstrong>Features\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#model-providers\">\u003Cstrong>Model Providers\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#deploy-your-own\">\u003Cstrong>Deploy Your Own\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#running-locally\">\u003Cstrong>Running locally\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cbr\u002F>\n\n## Features\n\n- [Next.js](https:\u002F\u002Fnextjs.org) App Router\n  - Advanced routing for seamless navigation and performance\n  - React Server Components (RSCs) and Server Actions for server-side rendering and increased performance\n- [AI SDK](https:\u002F\u002Fsdk.vercel.ai\u002Fdocs)\n  - Unified API for generating text, structured objects, and tool calls with LLMs\n  - Hooks for building dynamic chat and generative user interfaces\n  - Supports Google (default), OpenAI, Anthropic, Cohere, and other model providers\n- [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com)\n  - Styling with [Tailwind CSS](https:\u002F\u002Ftailwindcss.com)\n  - Component primitives from [Radix UI](https:\u002F\u002Fradix-ui.com) for accessibility and flexibility\n- Data Persistence\n  - [Vercel Postgres powered by Neon](https:\u002F\u002Fvercel.com\u002Fstorage\u002Fpostgres) for saving chat history and user data\n  - [Vercel Blob](https:\u002F\u002Fvercel.com\u002Fstorage\u002Fblob) for efficient object storage\n- [NextAuth.js](https:\u002F\u002Fgithub.com\u002Fnextauthjs\u002Fnext-auth)\n  - Simple and secure authentication\n\n## Model Providers\n\nThis template ships with Google Gemini `gemini-1.5-pro` models as the default. However, with the [AI SDK](https:\u002F\u002Fsdk.vercel.ai\u002Fdocs), you can switch LLM providers to [OpenAI](https:\u002F\u002Fopenai.com), [Anthropic](https:\u002F\u002Fanthropic.com), [Cohere](https:\u002F\u002Fcohere.com\u002F), and [many more](https:\u002F\u002Fsdk.vercel.ai\u002Fproviders\u002Fai-sdk-providers) with just a few lines of code.\n\n## Deploy Your Own\n\nYou can deploy your own version of the Next.js AI Chatbot to Vercel with one click:\n\n[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fgemini-chatbot&env=AUTH_SECRET,GOOGLE_GENERATIVE_AI_API_KEY&envDescription=Learn%20more%20about%20how%20to%20get%20the%20API%20Keys%20for%20the%20application&envLink=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fgemini-chatbot%2Fblob%2Fmain%2F.env.example&demo-title=Next.js%20Gemini%20Chatbot&demo-description=An%20Open-Source%20AI%20Chatbot%20Template%20Built%20With%20Next.js%20and%20the%20AI%20SDK%20by%20Vercel.&demo-url=https%3A%2F%2Fgemini.vercel.ai&stores=[{%22type%22:%22postgres%22},{%22type%22:%22blob%22}])\n\n## Running locally\n\nYou will need to use the environment variables [defined in `.env.example`](.env.example) to run Next.js AI Chatbot. It's recommended you use [Vercel Environment Variables](https:\u002F\u002Fvercel.com\u002Fdocs\u002Fprojects\u002Fenvironment-variables) for this, but a `.env` file is all that is necessary.\n\n> Note: You should not commit your `.env` file or it will expose secrets that will allow others to control access to your various Google Cloud and authentication provider accounts.\n\n1. Install Vercel CLI: `npm i -g vercel`\n2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link`\n3. Download your environment variables: `vercel env pull`\n\n```bash\npnpm install\npnpm dev\n```\n\nYour app template should now be running on [localhost:3000](http:\u002F\u002Flocalhost:3000\u002F).\n","Next.js Gemini Chatbot 是一个基于 Next.js 和 Vercel AI SDK 构建的开源生成式 UI 聊天机器人模板。该项目的核心功能包括使用 Next.js App Router 提供高级路由和服务器组件以增强性能，利用 Vercel 的 AI SDK 统一 API 与多种语言模型（如 Google Gemini、OpenAI 等）进行交互，以及通过 shadcn\u002Fui 和 Tailwind CSS 实现美观且可访问的界面设计。此外，项目还支持通过 Vercel Postgres 和 Blob 存储聊天记录和用户数据，并集成 NextAuth.js 以实现简单安全的身份验证。此聊天机器人适用于需要快速部署高性能、自定义对话体验的应用场景，特别是那些希望结合最新 AI 技术来提升用户体验的企业或个人开发者。","2026-06-11 03:30:08","top_topic"]