# Efficient Manual Deployment of Firebase Web to Hosting: A Step-by-Step Guide

As we know that Without automatic builds and deploys, we will handle the process yourself every time you want to update your web app.

### Prerequisite:

Make sure that your [Flutter web app is connected to Firebase as shown in this article.](https://harishkunchala.com/hosting-your-flutter-web-app-on-firebase-step-by-step-including-github-actions)

Now that's done, let's see how to deploy it manually to hosting:

### **Step 1: Build Your Flutter Web App Locally**

You need to compile your Flutter application into web-compatible files (HTML, CSS, JavaScript) that can be served by a web server. This is done using the Flutter command line:

```bash
flutter build web
```

<mark>The above command generates a </mark> `build/web` <mark> directory with all the necessary files optimized for deployment.</mark>

### **Step 2: Deploy Using Firebase CLI**

Once you have your web application built, you use the Firebase CLI to manually deploy these files to Firebase Hosting. First, make sure you are logged into Firebase on your command line:

```bash
firebase login
```

Then, navigate to your project directory and deploy the web app:

```bash
firebase deploy --only hosting
```

And that's it you are done.

In summary, if you opt out of automatic deployments, you'll need to manage and execute the build and deployment processes **manually every time you make changes that you want to reflect in your live web application.** This method gives you control but requires more attention and effort to maintain.