web

Sample Index and Web Demos

This directory contains the index hosted at flutter.github.io/samples and web demos hosted with it.

See the demos in action

Compiled versions of the samples are hosted at flutter.github.io/samples/#?platform=web.

Building samples code

Update Flutter and enable web support

$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-web

Run the demo using the chrome device type:

$ cd slide_puzzle
$ flutter packages get
$ flutter run -d chrome

You should see a message printing the URL to access: http://localhost:8080

Web support is available as a technical preview and is only available in the dev or master channels.

Deploying to GitHub Pages

This project uses peanut to build the samples and commit the output to the gh-pages branch. To deploy, run these commands in the web/ directory:

Install the peanut command:

$ flutter pub global activate peanut

Verify pub get has been run on each demo:

$ dart _tool/verify_packages

Build all demos, along with the sample index:

$ flutter pub global run peanut

Deploy to GitHub Pages:

$ git push origin gh-pages:gh-pages

Building the sample index

See sample_index/README.md for details