Deploy & Host Your Flutter Website with Firebase Hosting

Bo Bleyl
Quick Code
Published in
4 min readOct 14, 2020

--

One of the more intimidating aspects of development often tends to be deployment. Luckily, for Flutter web, it’s never been easier thanks to Firebase Hosting. This tutorial will quickly get you all the information you are looking for in 5 simple steps to deploy your web app to your own Domain.

Step 1:

Setup a new Firebase Project. Simply go to firebase.google.com and create a new project, no other setup in the console is needed after that’s been set up.

Step 2:

Install the Firebase CLI on your computer. To do this, first make sure you have npm installed on your computer and then run the following command:

sudo npm install -g firebase-tools

Step 3:

Once that finishes installation, go into the root folder of your web project and run the following:

firebase login

You should be then prompted to sign in to your google account on your default browser.

Once logged in, run:

firebase init

You should see a screen like the following:

Before we get started, keep in mind:* You are initializing in an existing Firebase…

--

--

Bo Bleyl
Quick Code

Softare Developer @ Enterbridge. Father, Youtuber. Read More @ bleyl.dev