Minimal web UI for GeminiPro.
See the codeMinimal 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
Just click the button above and follow the instructions to deploy your own copy of the app.
Just click the button above and follow the instructions to deploy on Railway.
Just click the button above and follow the instructions to deploy on Zeabur.
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.
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 | ❌ |
Node: Check that both your development environment and deployment environment are using Node v18 or later. You can use nvm to manage multiple node versions 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.
Install dependencies
pnpm install
Copy the .env.example file, then rename it to .env, and add your GEMINI_API_KEY to the .env file.
GEMINI_API_KEY=AIzaSy...
Run the application, the local project runs on http://localhost:3000/.
pnpm run dev
This project is inspired by and based on the following open-source project:
If this repo is helpful to you, buy me a coffee,thank you very much!😄
Minimal web UI for GeminiPro.
See the codeMinimal 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
Just click the button above and follow the instructions to deploy your own copy of the app.
Just click the button above and follow the instructions to deploy on Railway.
Just click the button above and follow the instructions to deploy on Zeabur.
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.
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 | ❌ |
Node: Check that both your development environment and deployment environment are using Node v18 or later. You can use nvm to manage multiple node versions 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.
Install dependencies
pnpm install
Copy the .env.example file, then rename it to .env, and add your GEMINI_API_KEY to the .env file.
GEMINI_API_KEY=AIzaSy...
Run the application, the local project runs on http://localhost:3000/.
pnpm run dev
This project is inspired by and based on the following open-source project:
If this repo is helpful to you, buy me a coffee,thank you very much!😄