Auto Deploy Flutter Web App to Firebase Hosting with Github Action

Auto Deploy Flutter Web app to Github Pages & Firebase on every update. So when we will commit the latest version of our flutter web app will be deployed

In this blog post, we will learn how to automate it so that whenever we will commit the latest version of our flutter web app will be deployed to Github Pages For Free by using Github Actions.

What is Github Actions?

Github actions help us to automate our workflow be it building apk, running test, hosting our app to Github, hosting a flutter web app to firebase hosting so that we can build test and deploy right from GitHub.

Get Started with Github Action For Flutter.

First lets integrate Github Action to our Github Repo.

when we integrate github action all the workflows and build will be visible here.

we have to create a custom workflow to auto-deploy of flutter app to GitHub pages, so just follow step by step

1.Creating workflow file

first go inside your main project directory and create a folder .github this will contain all the workflow.

Now create a workflow file let’s name it deploy.yml (you can name it whatever you want), workflow file has multiple keys we will discuss each one by one.

on:

Github action is executed following the events under on key. In this example we want to run it only when we push to master branch, you can add any of your preferred branches

name: Build, Release app to Github Pages and Firebase Hosting

on:
  push:
    branches:
      - master

firebase firebase hosting

ＬＩＫＥ | ＣＯＭＭＥＮＴ | ＳＨＡＲＥ | ＳＵＢＳＣＲＩＢＥ The Firebase Realtime Database is a cloud-hosted NoSQL database that lets you store and sync data between your users in re...

ＬＩＫＥ | ＣＯＭＭＥＮＴ | ＳＨＡＲＥ | ＳＵＢＳＣＲＩＢＥ Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google...

ＬＩＫＥ | ＣＯＭＭＥＮＴ | ＳＨＡＲＥ | ＳＵＢＳＣＲＩＢＥ In this video, I will show you how to Create database into #firebase console. Subscribe & Stay Connected! Thank You! ♥ #Fi...

ＬＩＫＥ | ＣＯＭＭＥＮＴ | ＳＨＡＲＥ | ＳＵＢＳＣＲＩＢＥ In this video, I will show you how to save employee information into firebase database. Subscribe & Stay Connected! Thank ...

Firebase documentation is immaculate and their customer support is always on their toes. Having said that, as a beginner with Firebase around a year ago, there were a few things that would have made my journey easier if I had found in a single place. Firebase hosting and deployment