How to deploy flutter web project to GitHub
This post will explain how to deploy your flutter web application to github
Yes, Flutter 2 is live!!! and you know what’s new in Flutter 2, Flutter web support hits the stable milestone, Announcing Dart 2.12, and the Flutter 2 release notes. Check more from here
I am assuming you already have flutter project by now just like I am having and In this post we will see how can we host flutter application to GitHub.
Yes before that, make sure you have a GitHub account to make it work. If not create new GitHub account
I have sample flutter project shown below which is localhost now. But it will be host to GitHub in few minutes. Yes, I mean in few minutes
Lets get started.
- First build your flutter application for web
In your project terminal run the command to build web version
It will take few minutes and you will get the released web folder inside build folder of root project that contain all the release content such as sql-wasm.js,index.html,main.dart etc.
2. Now you can move all web folder content from there to root web folder by removing old content inside it.
Huu! Done?
Alright once that is done, Create new GitHub repository with following format
“username.github.io” where username is your username. example below.
Note: It should be exact username.github.io
3. Now commit all your project to GitHub and boom. You should see your project at https://github.com/username/username.github.io.
Boom, It is done,Now if you check “https://username.github.io/web” you should able to see your application up and running.
But I have renamed folder “web” to “moor-dart-example” to make url more informative. there fore you can find my project is hosted on
https://codingwithtashi.github.io/moor-dart-example . screenshot below
That all,Thanks guys, I hope you like this shitty blog. please make sure to give clap 👏 and leave some engagement. let me know in comment section if you face any issue.
Checkout more blog from CodingWithTashi. Follow me on twitter or Instagram or YouTube.
