{"id":13343674,"url":"https://github.com/alext234/flutter-simple-web-app","last_synced_at":"2026-02-20T23:07:20.088Z","repository":{"id":97500516,"uuid":"231032204","full_name":"alext234/flutter-simple-web-app","owner":"alext234","description":"A simple flutter hello app ","archived":false,"fork":false,"pushed_at":"2020-01-31T05:35:36.000Z","size":33,"stargazers_count":4,"open_issues_count":1,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-24T16:49:02.423Z","etag":null,"topics":["flutter","flutter-demo","flutter-examples","github-actions","now-cli","zeit","zeit-now"],"latest_commit_sha":null,"homepage":null,"language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alext234.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-31T05:36:17.000Z","updated_at":"2021-11-02T15:48:41.000Z","dependencies_parsed_at":"2023-03-16T09:15:56.606Z","dependency_job_id":null,"html_url":"https://github.com/alext234/flutter-simple-web-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alext234%2Fflutter-simple-web-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alext234%2Fflutter-simple-web-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alext234%2Fflutter-simple-web-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alext234%2Fflutter-simple-web-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alext234","download_url":"https://codeload.github.com/alext234/flutter-simple-web-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243171338,"owners_count":20247876,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flutter","flutter-demo","flutter-examples","github-actions","now-cli","zeit","zeit-now"],"created_at":"2024-07-29T19:31:56.791Z","updated_at":"2026-02-20T23:07:20.025Z","avatar_url":"https://github.com/alext234.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Simple web app Flutter project\n\nThis repo is a very simple web app with Flutter following the basic tutorial.\n\nA working production URL is deployed at https://flutter-simple-web-app.now.sh\n\n## Some basic commands\n\n### Setup\n\n* `flutter` setup was mainly based on this page https://flutter.dev/docs/get-started/install/macos\n\n* Flutter `beta` channel is used\n\n```\n flutter channel beta\n flutter upgrade\n flutter config --enable-web\n```\n\n* Also Chrome browser should be installed\n\n* DevTools (https://flutter.dev/docs/development/tools/devtools/cli)  can also be installed for performance and debugging purpose\n\n```\nflutter pub global activate devtools\n```\n\nTo run DevTools from CLI:\n\n```\nflutter pub global run devtools \n```\n\nAnd open DevTools UI in the browser at http://127.0.0.1:9100\n\n### Run with Chrome browser\n\n#### If `chrome` is detected properly by flutter\nThis command will attempt to open a new Chrome browser and run the app in Debug mode.\n\n```\nflutter run -d chrome\n```\n\nYou should see a URL for debugging:\n\n```\n🔥  To hot restart changes while running, press \"r\". To hot restart (and refresh\nthe browser), press \"R\".\nFor a more detailed help message, press \"h\". To quit, press \"q\".\nDebug service listening on ws://127.0.0.1:54708/bcg-mZh5AzI=\n```\n\nIf you have DevTools running, drop the above URL into DevTools to connect the debugger.\n\n#### If `chrome` is not detected by flutter\n\nRun with this command \n\n```\nflutter run --web-port \u003cport-number\u003e\n```\n\n(Specify option --web-hostname=0.0.0.0 to make the web server to listen on all interfaces so that it is accessible outside localhost)\n\nThe output will look like this\n\n```\n...\nlib/main.dart is being served at http://localhost:\u003cport-number\u003e/\n...\n```\n\nOpen chrome browser and visit the URL to open the app.\n\n### Run tests\n\n```\nflutter test\n```\n\n\n### Build web deployment\n\n```\nflutter build web\n```\n\n(To build a version for performance profiling, use `flutter build web --profile`)\n\nThe build outputs will be under `build/web` directory. This can be served with a simple HTTP server, such as one from Python\n\n```\ncd build/web\n\npython3 -m http.server 8000\n```\n\n### Deploy\n\nZeit (https://zeit.co/) `now` CLI is used for deployment. The CLI can be installed following the instruction at https://zeit.co/download. A simple configuration file `now.json` is used with the cli.\n\n* To deploy for testing\n```\n\u003e now -A now.json\n```\n\nThe output will look like this\n\n```\n\u003e Deploying flutter-simple-web-app under \u003cuser-id\u003e\n\u003e Using project flutter-simple-web-app\n\u003e Synced 1 file [2s]\n\u003e https://flutter-simple-web-app-\u003csome-random-id\u003e.now.sh [9s]\n\u003e Ready! Deployed to https://flutter-simple-web-app.\u003cuser-id\u003e.now.sh \n```\n* To deploy to production\n\n```\n\u003e now -A now.json --prod\n```\n\nThe output will look like this\n\n```\n\u003e Deploying flutter-simple-web-app under \u003cuser-id\u003e\n\u003e Using project flutter-simple-web-app\n\u003e https://flutter-simple-web-app-\u003csome-random-id\u003e.now.sh [3s]\n\u003e Ready! Deployment complete [8s]\n- https://flutter-simple-web-app.now.sh\n- https://flutter-simple-web-app.\u003cuser-id\u003e.now.sh [in clipboard]\n```\n\n\n### Github Actions\n[.github/workflows/main.yml](.github/workflows/main.yml) contains the Github Actions workflow for running Flutter test and build and deploy with zeit `now` cli. \n\nThis is a sample screenshot of a successful workflow:\n\n![](https://raw.githubusercontent.com/alext234/figs/master/flutter-simple-web-app/github-actions.png)\n\nBuild artifacts used for deployment can be downloaded from the top right corner `Artifacts` drop-down.\n\n\n## References\n\n* The project was created following this page\n\nhttps://flutter.dev/docs/get-started/web\n\n* Build for deployment instructions\n\nhttps://flutter.dev/docs/deployment/web\n\n* What's not to commit to git\n\nhttps://dart.dev/guides/libraries/private-files\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falext234%2Fflutter-simple-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falext234%2Fflutter-simple-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falext234%2Fflutter-simple-web-app/lists"}