Skip to content

Add firebase app hosting deploy steps #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mathu97 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add firebase app hosting deploy steps #10

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,22 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the

## Deployment

### Firebase App Hosting

1. [Fork this Repository](https://github.com/google-gemini/gemini-image-editing-nextjs-quickstart/fork)
2. Create a Firebase Project and upgrade it to the [Blaze Plan](https://firebase.google.com/docs/app-hosting/get-started#you-begin).
3. Create a Firebase App Hosting Backend in [the Firebase Console](https://console.firebase.google.com/project/_/apphosting) or with the [Firebase CLI](https://firebase.google.com/docs/cli#setup_update_cli):
Copy link
Member

@logankilpatrick logankilpatrick Mar 20, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

https://console.firebase.google.com/project/_/apphosting

This URL looks like it is going to error out

Copy link
Author

@mathu97 mathu97 Mar 20, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The URL takes you to the Firebase project selection page and redirects you the App Hosting tab after selecting a project.

```bash
firebase apphosting:backends:create
```
4. Set the [Gemini API Key](https://aistudio.google.com/app/apikey) Secret:
- Navigate to your forked repository and set the Gemini API key as a secret for your backend:
```bash
firebase apphosting:secrets:set GEMINI_API_KEY
```
- Commit and push the updated `apphosting.yaml` file that the CLI generated to your forked repository.
5. View rollout status and the URL for your web app on the [App Hosting tab of the Firebase Console](https://console.firebase.google.com/project/_/apphosting).

### Vercel

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fgoogle-gemini%2Fgemini-image-editing-nextjs-quickstart&env=GEMINI_API_KEY&envDescription=Create%20an%20account%20and%20generate%20an%20API%20key&envLink=https%3A%2F%2Faistudio.google.com%2Fapp%2Fu%2F0%2Fapikey&demo-url=https%3A%2F%2Fhuggingface.co%2Fspaces%2Fphilschmid%2Fimage-generation-editing)
Expand Down