How to develop and launch PWA(Progressive Web Application) with flutter ?

    How to develop and launch Progressive    Web  Application.

 

         

•  Progressive Web Application is result of  new technologies that deliver service like  mobile   Applications through web browsers. The  PWA serves the same native user experience as an  installed mobile app provides.

•   What is PWA?

             Progressive Web Operates the same as any mobile application does,but its run on the standard browser of the device.Once you have added the PWA. This means users can access all information and capabilities without downloading a mobile app. Instead, progressive web apps use modern web technology to deliver app-like experiences to users, right in their browsers.

Follow the steps for build PWA with flutter

Steps:

1.Setup flutter for web

  

 # Go to your command prompt and write command which is following
    

    -     Flutter channel master   

   it will take some time and the  run following 

    

    -     flutter doctor -v            

    

     After complete this proccess Write following command
   

    -      flutter config --enable-web    

     it will enable web support

     -    flutter devices                 

  

    it will give you output like following

    - Chrome ⦁ chrome ⦁ web-javascript ⦁ Google Chrome 79.0.39.45.79

        Web Server ⦁ web-server ⦁ web-javascript ⦁ Flutter tools

2. Create a New Project

  -  flutter create hello

 -  cd hello 

  Add web support to an existing app.

 

- flutter create .

  " .  "  is important because it will give support to the existing app.

3. Run-on web

 

 - flutter run  -d chrome

  this command is run your web on chrome on localhost

4. Build Web project

 

 - flutter build web

    This command will create a folder name of "Web" in your project

    you look into web folder some following file like

     - index.html

     - icons

     - manifest.json