Flutter PWA example

Progressive Web Apps (PWAs) are web apps that use service workers, manifests, and other web-platform features in combination with progressive enhancement to give users an experience on par with native apps .

For a PWA to be installable, you need a registered service worker and a manifest file with the relevant fields . You also need to attach a click event to an element in the HTML file. I added a button tag as the last element of my HTML file and set the display to none in CSS.

The cons of a PWA

Open up VS Code, and press Ctrl+Shift+P, and start typing flutter, we see that in the list of available actions for Flutter, there is an option that says, Flutter: New Web Project. Select that option and hit Enter. VS Code might prompt to install some required extensions, just agree and install to continue.

The web itself is a flexible platform, but Flutter is ideal for building web applications like PWAs or SPAs and bringing your existing mobile app to the web.