Flutter Web Continuous Deployment with Netlify

Yes it is Possible , we can do Continuous Deployment in flutter web as well. it can be done very easily with a long build command.

Follow These steps:-

1. Make a new github repository if you have not done yet. then push your Flutter code to github repository.
2. then go to https://www.netlify.com/ and login/signup on that its free.
3. After That you have to click on “New site from git” as highlighted in below image.

4. after that click on “Github” as highlighted in below image.

5. when you click on github it will ask you to authorize netlify to access your github, so authorize it.

6. After that you can select your Repository by searching the name of Repository, as highlighted in below image.

7. After Selecting The Repository, Paste the below build command and publish directory values (the fields are explained and highlighted in below image).

Build Command:-

if cd flutter; then git pull && cd ..; else git clone https://github.com/flutter/flutter.git; fi && flutter/bin/flutter config — enable-web && flutter/bin/flutter build web — release

Publish directory:-

build/web

Paste These above fields in highlighted Fields Below.

8. Finally Click On Deploy site.

And Done. After that it may take Few Minutes to deploy. it is ready for Continuous Deployment. Everytime when you Push Changes to your github repo it will automatically be deployed.

Done, Thanks For Reading.

you can connect with me on:-

youtube: https://youtube.com/channel/UCIxsG8Is6UqT7fNbwI9O7lg

Instagram: https://www.instagram.com/geeky_bharat99/

#flutter #flutterweb #web #netlify #continousDeployment