GeminiProChat
Minimal web UI for GeminiPro.
Install / Use
/learn @babaohuang/GeminiProChatREADME
GeminiProChat
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
Deploy
Deploy With Vercel(Recommended)
Just click the button above and follow the instructions to deploy your own copy of the app.
Deploy on Railway
Just click the button above and follow the instructions to deploy on Railway.
Deploy on Zeabur
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:
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.| ✔ |
| API_BASE_URL | Custom base url for GEMINI API. Click here 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 | ❌ |
| GEMINI_MODEL_NAME | Customize the Gemini model to use. Defaults to gemini-2.5-flash if not set | ❌ |
Running Locally
Pre environment
-
Node: Check that both your development environment and deployment environment are using
Node v18or later. You can use nvm to manage multiplenodeversions locally.node -v -
PNPM: We recommend using pnpm to manage dependencies. If you have never installed pnpm, you can install it with the following command:
npm i -g pnpm -
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.
Getting Started
-
Install dependencies
pnpm install -
Copy the
.env.examplefile, then rename it to.env, and add yourGEMINI_API_KEYto the.envfile.GEMINI_API_KEY=AIzaSy... -
Run the application, the local project runs on
http://localhost:3000/.pnpm run dev
Acknowledgements
This project is inspired by and based on the following open-source project:
- ChatGPT-Demo - For the foundational codebase and features.
Star History
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>
Recommended AI Tools
Related Skills
node-connect
325.6kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
80.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
async-pr-review
98.4kTrigger this skill when the user wants to start an asynchronous PR review, run background checks on a PR, or check the status of a previously started async PR review.
code-reviewer
98.4kCode Reviewer This skill guides the agent in conducting professional and thorough code reviews for both local development and remote Pull Requests. Workflow 1. Determine Review Target
