Is Flutter ideal for building a web app? We usually treat flutter as a software development kit to build mobile apps. Right?
And no doubt, flutter is one of the most popular tools for building mobile apps.
As a result, the question remains.
Whether in the same vein can we use flutter for building a web app?
Well, the answer is, yes.
Flutter lets us bring the mobile app to the web. In addition, we can build progressive web applications (PWA), and single page applications (SPA) with the help of flutter.
Therefore, in a series of articles we will learn how to build a flutter web app.
Moreover, we will build this flutter web app with the help of Firebase, Firestore and Provider packages.
As a result, we hope this journey will bring a lot of joy and fun in coding.
Let’s see how it will look like.
Firstly, we will keep every step in different branches. For that reason, you will find each step in this GitHub repository branch.
Feel free to read and test in your own machine. However, the Firebase and Firestore account details would remain secret. As a consequence, please create your own accounts.
If you’re a beginner, don’t worry. We’ll guide you to Firebase and Firestore topics. Meanwhile you will also find the guideline in a previous article on Firebase, Firestore chat app.
Flutter Web and PWA, SPA
Let’s first try to know what does a PWA mean?
The progressive web application which we commonly call progressive web app, firstly means a website. But secondly it means more than that.
Why?
Because we can make this PWA dynamic and interactive.
For example, we can build it with common web technologies, like HTML, CSS, JavaScript, etc.
As an outcome, a PWA may have multiple pages. As the web app grows, the number of pages will also grow.
On the contrary, the SPA is an interactive one page web app that updates the page as the user interacts with it.
Instead of using multiple pages that the browser downloads from the web server, it acts on a single page.
In fact, what we are going to build is a mixture of PWA and SPA.
So stay tuned and we will meet soon.
Leave a Reply