base on Minimal web UI for GeminiPro. # GeminiProChat English | [中文](README_cn.md) | [Italiano](README_it.md) | [日本語](README_jp.md) Minimal web UI for Gemini Pro Chat. > [!WARNING] > **Disclaimer:** This project is not affiliated with, endorsed by, or sponsored by Google. It is an independent project that uses Google's Gemini Pro API. Live demo: [Gemini Pro Chat](https://gprochat.orzllc.com) [](https://www.geminiprochat.com) ## Deploy ### Deploy With Vercel(Recommended) [](https://vercel.com/new/clone?repository-url=https://github.com/babaohuang/GeminiProChat&env=GEMINI_API_KEY&envDescription=Google%20API%20Key%20for%20GeminiProChat&envLink=https://makersuite.google.com/app/apikey&project-name=gemini-pro-chat&repository-name=gemini-pro-chat&demo-title=Gemini%20Pro%20Chat&demo-description=Minimal%20web%20UI%20for%20Gemini%20Pro.&demo-url=https%3A%2F%2Fgeminiprochat.com&demo-image=https%3A%2F%2Fgeminiprochat.com%2Ficon.svg) Just click the button above and follow the instructions to deploy your own copy of the app. ### Deploy on Railway [](https://railway.app/template/v9QL5u?referralCode=tSzmIe) Just click the button above and follow the instructions to deploy on Railway. ### Deploy on Zeabur [](https://zeabur.com/templates/1103PJ) Just click the button above and follow the instructions to deploy on Zeabur. ### Deploy With Docker To deploy with Docker, you can use the following command: ```bash docker run --name geminiprochat \ --restart always \ -p 3000:3000 \ -itd \ -e GEMINI_API_KEY=your_api_key_here \ babaohuang/geminiprochat:latest ``` Please make sure to replace `your_api_key_here` with your own GEMINI API key. This will start the **geminiprochat** service, accessible at `http://localhost:3000`. ## Environment Variables You can control the website through environment variables. | Name | Description | Required | | --- | --- | --- | | `GEMINI_API_KEY` | Your API Key for GEMINI. You can get it from [here](https://makersuite.google.com/app/apikey).| **✔** | | `API_BASE_URL` | Custom base url for GEMINI API. Click [here](https://github.com/babaohuang/GeminiProChat?tab=readme-ov-file#solution-for-user-location-is-not-supported-for-the-api-use) to see when to use this. | ❌ | | `HEAD_SCRIPTS` | Inject analytics or other scripts before `</head>` of the page | ❌ | | `PUBLIC_SECRET_KEY` | Secret string for the project. Use for generating signatures for API calls | ❌ | | `SITE_PASSWORD` | Set password for site, support multiple password separated by comma. If not set, site will be public | ❌ | ## Running Locally ### Pre environment 1. **Node**: Check that both your development environment and deployment environment are using `Node v18` or later. You can use [nvm](https://github.com/nvm-sh/nvm) to manage multiple `node` versions locally. ```bash node -v ``` 2. **PNPM**: We recommend using [pnpm](https://pnpm.io/) to manage dependencies. If you have never installed pnpm, you can install it with the following command: ```bash npm i -g pnpm ``` 3. **GEMINI_API_KEY**: Before running this application, you need to obtain the API key from Google. You can register the API key at [https://makersuite.google.com/app/apikey](https://makersuite.google.com/app/apikey). ### Getting Started 1. Install dependencies ```bash pnpm install ``` 2. Copy the `.env.example` file, then rename it to `.env`, and add your [`GEMINI_API_KEY`](https://makersuite.google.com/app/apikey) to the `.env` file. ```bash GEMINI_API_KEY=AIzaSy... ``` 3. Run the application, the local project runs on `http://localhost:3000/`. ```bash pnpm run dev ``` ## Acknowledgements This project is inspired by and based on the following open-source project: - [ChatGPT-Demo](https://github.com/anse-app/chatgpt-demo) - For the foundational codebase and features. ## Star History [](https://star-history.com/#babaohuang/geminiprochat&Timeline) ## Buy me a coffee If this repo is helpful to you, buy me a coffee,thank you very much!😄 <a href="https://www.buymeacoffee.com/babaohuang" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a> ", Assign "at most 3 tags" to the expected json: {"id":"6081","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"