Auto Deploy Flutter Web App to Firebase Hosting with Github Action

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

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

What is firebase,firebase bangla tutorial.

LIKE | COMMENT | SHARE | SUBSCRIBE The Firebase Realtime Database is a cloud-hosted NoSQL database that lets you store and sync data between your users in re...

Firebase Introduction with C#

LIKE | COMMENT | SHARE | SUBSCRIBE Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google...

Create database into firebase

LIKE | COMMENT | SHARE | SUBSCRIBE In this video, I will show you how to Create database into #firebase console. Subscribe & Stay Connected! Thank You! ♥ #Fi...

Save Employee into firebase

LIKE | COMMENT | SHARE | SUBSCRIBE In this video, I will show you how to save employee information into firebase database. Subscribe & Stay Connected! Thank ...

Firebase Hosting

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