base on Deploy your private Gemini application for free with one click, supporting Gemini 1.5, Gemini 2.0 models. <div align="center"> <h1>Gemini Next Chat</h1>      Deploy your private Gemini application for free with one click, supporting Gemini 1.5 Pro, Gemini 1.5 Flash, Gemini Pro and Gemini Pro Vision models. **English** · [简体中文](./README.zh-CN.md) [](https://trendshift.io/repositories/10384) [](https://ai.google.dev/) [](https://nextjs.org/) [](https://tailwindcss.com/) [](https://ui.shadcn.com/) [![Web][Web-image]][web-url] [![MacOS][MacOS-image]][download-url] [![Windows][Windows-image]][download-url] [![Linux][Linux-image]][download-url] [Web App][web-url] / [Desktop App][download-url] / [Issues](https://github.com/u14app/gemini-next-chat/issues) [web-url]: https://gemini.u14.app/ [download-url]: https://github.com/u14app/gemini-next-chat/releases [Web-image]: https://img.shields.io/badge/Web-PWA-orange?logo=microsoftedge [Windows-image]: https://img.shields.io/badge/-Windows-blue?logo=windows [MacOS-image]: https://img.shields.io/badge/-MacOS-black?logo=apple [Linux-image]: https://img.shields.io/badge/-Linux-333?logo=ubuntu **Share GeminiNextChat Repository** [![][share-x-shield]][share-x-link] [![][share-telegram-shield]][share-telegram-link] [![][share-whatsapp-shield]][share-whatsapp-link] [![][share-reddit-shield]][share-reddit-link] [![][share-weibo-shield]][share-weibo-link] [![][share-mastodon-shield]][share-mastodon-link] [share-mastodon-link]: https://mastodon.social/share?text=Check%20this%20GitHub%20repository%20out%20GeminiNextChat%20-%20An%20open-source%2C%20extensible%20(Function%20Calling)%2C%20high-performance%20gemini%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20Gemini%20web%20application.%20https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat%20%23chatbot%20%23gemini [share-mastodon-shield]: https://img.shields.io/badge/-share%20on%20mastodon-black?labelColor=black&logo=mastodon&logoColor=white&style=flat-square [share-reddit-link]: https://www.reddit.com/submit?title=Check%20this%20GitHub%20repository%20out%20GeminiNextChat%20-%20An%20open-source%2C%20extensible%20(Function%20Calling)%2C%20high-performance%20gemini%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20Gemini%20web%20application.%20https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat [share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black&logo=reddit&logoColor=white&style=flat-square [share-telegram-link]: https://t.me/share/url"?text=Check%20this%20GitHub%20repository%20out%20GeminiNextChat%20-%20An%20open-source%2C%20extensible%20(Function%20Calling)%2C%20high-performance%20gemini%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20Gemini%20web%20application.%20https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat [share-telegram-shield]: https://img.shields.io/badge/-share%20on%20telegram-black?labelColor=black&logo=telegram&logoColor=white&style=flat-square [share-weibo-link]: http://service.weibo.com/share/share.php?sharesource=weibo&title=Check%20this%20GitHub%20repository%20out%20GeminiNextChat%20-%20An%20open-source%2C%20extensible%20(Function%20Calling)%2C%20high-performance%20gemini%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20Gemini%20web%20application.%20https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat [share-weibo-shield]: https://img.shields.io/badge/-share%20on%20weibo-black?labelColor=black&logo=sinaweibo&logoColor=white&style=flat-square [share-whatsapp-link]: https://api.whatsapp.com/send?text=Check%20this%20GitHub%20repository%20out%20GeminiNextChat%20-%20An%20open-source%2C%20extensible%20(Function%20Calling)%2C%20high-performance%20gemini%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20Gemini%20web%20application.%20https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat%20%23chatbot%20%23gemini [share-whatsapp-shield]: https://img.shields.io/badge/-share%20on%20whatsapp-black?labelColor=black&logo=whatsapp&logoColor=white&style=flat-square [share-x-link]: https://x.com/intent/tweet?hashtags=chatbot%2CchatGPT%2CopenAI&text=Check%20this%20GitHub%20repository%20out%20GeminiNextChat%20-%20An%20open-source%2C%20extensible%20(Function%20Calling)%2C%20high-performance%20gemini%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20Gemini%20web%20application.%20https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat [share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black&logo=x&logoColor=white&style=flat-square  Simple interface, supports image recognition and voice conversation  Supports Gemini 1.5 and Gemini 1.5 Flash multimodal models  Support plugins, with built-in Web search, Web reader, Arxiv search, Weather and other practical plugins  A cross-platform application client that supports a permanent menu bar, doubling your work efficiency </div> > Note: If you encounter problems during the use of the project, you can check the known problems and solutions of [FAQ](#FAQ). ## TOC - [Features](#features) - [Roadmap](#️roadmap) - [Get Started](#get-started) - [Updating Code](#updating-code) - [Environment Variables](#environment-variables) - [Access Password](#access-password) - [Custom model list](#️custom-model-list) - [Development](#development) - [Requirements](#️requirements) - [Deployment](#deployment) - [Docker (Recommended)](#docker-recommended) - [Static Deployment](#static-deployment) - [FAQ](#faq) - [Star History](#star-history) - [LICENSE](#license) ## Features - **Deploy for free with one-click** on Vercel in under 1 minute - Provides a very small (~4MB) cross-platform client (Windows/MacOS/Linux), can stay in the menu bar to improve office efficiency - Supports multi-modal models and can understand images, videos, audios and some text documents - Talk mode: Let you talk directly to Gemini - Visual recognition allows Gemini to understand the content of the picture - Assistant market with hundreds of selected system instruction - Support plugins, with built-in Web search, Web reader, Arxiv search, Weather and other practical plugins - Conversation list, so you can keep track of important conversations or discuss different topics with Gemini - Full Markdown support: LaTex formulas, code highlighting, and more - Automatically compress contextual chat records to save Tokens while supporting very long conversations - Privacy and security, all data is saved locally in the user's browser - Support PWA, can run as an application - Well-designed UI, responsive design, supports dark mode - Extremely fast first screen loading speed, supporting streaming response - Static deployment supports deployment on any website service that supports static pages, such as Github Page, Cloudflare, Vercel, etc. - Multi-language support: English、简体中文、繁体中文、日本語、한국어、Español、Deutsch、Français、Português、Русский and العربية ## Roadmap - [x] Reconstruct the topic square and introduce Prompt list - [x] Use tauri to package desktop applications - [x] Implementation based on functionCall plug-in - [x] Support conversation list ## Get Started 1. Get [Gemini API Key](https://aistudio.google.com/app/apikey) 2. Click [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fu14app%2Fgemini-next-chat&project-name=gemini-next-chat&env=GEMINI_API_KEY&env=ACCESS_PASSWORD&repository-name=gemini-next-chat) 3. Start using ### Updating Code If you want to update instantly, you can check out the [GitHub documentation](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) to learn how to synchronize a forked project with upstream code. You can star or watch this project or follow author to get release notifications in time. ## Environment Variables #### `GEMINI_API_KEY` (optional) Your Gemini api key. If you need to `enable` the server api, this is required. #### `GEMINI_API_BASE_URL` (optional) > Default: `https://generativelanguage.googleapis.com` > Examples: `http://your-gemini-proxy.com` Override Gemini api request base url. **To avoid server-side proxy url leaks, links in front-end pages will not be overwritten. ** #### `GEMINI_UPLOAD_BASE_URL` (optional) > Default: `https://generativelanguage.googleapis.com` > Example: `http://your-gemini-upload-proxy.com` Override Gemini file upload api base url. **To avoid server-side proxy url leaks, links in front-end pages will not be overwritten. ** #### `NEXT_PUBLIC_GEMINI_MODEL_LIST` (optional) Custom model list, default: all. #### `NEXT_PUBLIC_ASSISTANT_INDEX_URL` (optional) > Default: `https://chat-agents.lobehub.com` > Examples: `http://your-assistant-market-proxy.com` Override assistant market api request base url. The api link in the front-end interface will be adjusted synchronously. #### `NEXT_PUBLIC_UPLOAD_LIMIT` (optional) File upload size limit. There is no file size limit by default. #### `ACCESS_PASSWORD` (optional) Access password. #### `HEAD_SCRIPTS` (optional) Injected script code can be used for statistics or error tracking. #### `EXPORT_BASE_PATH` (optional) Only used to set the page base path in [static deployment](#static-deployment) mode. ### Access Password This project provides limited access control. Please add an environment variable named `ACCESS_PASSWORD` on the vercel environment variables page. After adding or modifying this environment variable, please redeploy the project for the changes to take effect. ### Custom model list This project supports custom model lists. Please add an environment variable named `NEXT_PUBLIC_GEMINI_MODEL_LIST` in the `.env` file or environment variables page. The default model list is represented by `all`, and multiple models are separated by `,`. If you need to add a new model, please directly write the model name `all,new-model-name`, or use the `+` symbol plus the model name to add, that is, `all,+new-model-name`. If you want to remove a model from the model list, use the `-` symbol followed by the model name to indicate removal, i.e. `all,-existing-model-name`. If you want to remove the default model list, you can use `-all`. If you want to set a default model, you can use the `@` symbol plus the model name to indicate the default model, that is, `all,@default-model-name`. ## Development If you have not installed pnpm ```shell npm install -g pnpm ``` ```shell # 1. install nodejs and yarn first # 2. config local variables, please change `.env.example` to `.env` or `.env.local` # 3. run pnpm install pnpm dev ``` ### Requirements NodeJS >= 18, Docker >= 20 ## Deployment ### Docker (Recommended) > The Docker version needs to be 20 or above, otherwise it will prompt that the image cannot be found. > ⚠️ Note: Most of the time, the docker version will lag behind the latest version by 1 to 2 days, so the "update exists" prompt will continue to appear after deployment, which is normal. ```shell docker pull xiangfa/talk-with-gemini:latest docker run -d --name talk-with-gemini -p 5481:3000 xiangfa/talk-with-gemini ``` You can also specify additional environment variables: ```shell docker run -d --name talk-with-gemini \ -p 5481:3000 \ -e GEMINI_API_KEY=AIzaSy... \ -e ACCESS_PASSWORD=your-password \ xiangfa/talk-with-gemini ``` If you need to specify other environment variables, please add `-e key=value` to the above command to specify it. Deploy using `docker-compose.yml`: ```shell version: '3.9' services: talk-with-gemini: image: xiangfa/talk-with-gemini container_name: talk-with-gemini environment: - GEMINI_API_KEY=AIzaSy... - ACCESS_PASSWORD=your-password ports: - 5481:3000 ``` ### Static Deployment You can also build a static page version directly, and then upload all files in the `out` directory to any website service that supports static pages, such as Github Page, Cloudflare, Vercel, etc.. ```shell pnpm build:export ``` If you deploy the project in a subdirectory and encounter resource loading failures when accessing, please add `EXPORT_BASE_PATH=/path/project` in the `.env` file or variable setting page. ## Thanks ### Technology Stack - [Next.js](https://nextjs.org/) - [Shadcn UI](https://ui.shadcn.com/) - [Tailwindcss](https://tailwindcss.com/) - [Zustand](https://zustand-demo.pmnd.rs/) ### Inspiration - [Lobe Chat](https://github.com/lobehub/lobe-chat) - [ChatGPT-Next-Web](https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web) - [GeminiProChat](https://github.com/babaohuang/GeminiProChat) ## FAQ #### Solution for “User location is not supported for the API use” 1. Use Cloudflare AI Gateway to forward APIs. Currently, Cloudflare AI Gateway already supports Google Vertex AI related APIs. For how to use it, please refer to [How to Use Cloudflare AI Gateway](./docs/Use-Cloudflare-AI-Gateway.md). This solution is fast and stable, and is **recommended**. 2. Use Cloudflare Worker for API proxy forwarding. For detailed settings, please refer to [How to Use Cloudflare Worker Proxy API](./docs/How-to-deploy-the-Cloudflare-Worker-api-proxy.md). Note that this solution may not work properly in some cases. #### Why can’t I upload common documents such as doc, excel, and ppt? Currently, the two models `Gemini 1.5 Pro` and `Gemini 1.5 Flash` support most images, audios, videos and some text files. For details. For other document types, we will try to use [LangChain.js](https://js.langchain.com/v0.2/docs/introduction/) later. ## Star History [](https://star-history.com/#u14app/gemini-next-chat&Date) ## LICENSE [MIT](https://www.apache.org/licenses/LICENSE-2.0) ", Assign "at most 3 tags" to the expected json: {"id":"10384","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"