The project, which was code-named Hummingbird, has finally seen the light of the day, with Google announcing the first technical preview of Flutter for Web. This amazing implementation allows us to create Flutter apps, and compile it to a standards-web project, with just a few commands. In this article, we will go through the implementation of Flutter on the Web, from scratch.

Before we start, let’s just upgrade flutter, so we have the latest version. Inside a terminal window, run:

flutter upgrade

Wait, for it to finish…Done. Great! Go ahead.

Running the Flutter Project in Browser

Well, if you followed all the above-mentioned steps properly, then this should be as simple as executing the following command from inside the flutter web project directory.

webdev serve

Once you see that succeeded message, you can now take a deep breath and open up your browser to see the Future of Cross-Platform development. Just navigate to localhost:8080 or you can run on server, and let the magic unfold before your eyes.

On a successful run, you will be able to see this screen: