{"id":481,"date":"2024-10-07T22:11:57","date_gmt":"2024-10-07T22:11:57","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2024\/10\/07\/9967651-how-to-install-flutter-web-on-a-vps-at-hostinger\/"},"modified":"2026-10-08T07:31:39","modified_gmt":"2026-10-08T07:31:39","slug":"9967651-how-to-install-flutter-web-on-a-vps-at-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/9967651-how-to-install-flutter-web-on-a-vps-at-hostinger\/","title":{"rendered":"How to install Flutter Web on a VPS at Hostinger"},"content":{"rendered":"

To install Flutter Web on a Hostinger VPS<\/a>, set up a Linux OS, connect over SSH, install Google Chrome and Flutter with Snap, enable web support, and open port 8080 in the firewall. Once these steps are done, you can open your Flutter web app from any browser using your VPS IP address.<\/p>

Step 1 – Install OS for your VPS<\/b><\/h2>

You can choose any Linux OS for your VPS setup. In this tutorial, we will use Ubuntu 26.04<\/a> as an example.<\/p>

Step 2 – Access your SSH client<\/b><\/h2>
\"\"<\/div>

Access the VPS Overview <\/b>page and select your preferred method for connecting to your SSH client. You can use the browser-based web console (located in the top right corner) or the command ssh root@your_vps_ip<\/code> in your Terminal or Putty for manual connection.<\/p>

Step 3 – Building Flutter Web on VPS<\/b><\/h2>

1. Install Google Chrome on your VPS<\/b><\/h3>

Google Chrome is essential for running and debugging Flutter web apps. Download the latest version of Google Chrome for Linux:<\/p>

wget https:\/\/dl.google.com\/linux\/direct\/google-chrome-stable_current_amd64.deb<\/a><\/code><\/p>

2. Install the downloaded Chrome package:<\/b><\/h3>

sudo apt install .\/google-chrome-stable_current_amd64.deb<\/code><\/p>

3. Set Chrome Environment Variable<\/b><\/h3>

After installing Chrome, set the CHROME_EXECUTABLE<\/code> environment variable, so Flutter knows where Chrome is located. Add the following line to your .bashrc<\/code> file to export the Chrome path:<\/p>

​echo 'export CHROME_EXECUTABLE=\/usr\/bin\/google-chrome' >> ~\/.bashrc<\/code><\/p>

Apply the changes made in .bashrc to your current session:<\/p>

source ~\/.bashrc<\/code><\/p>

4. Install Flutter via Snap<\/b><\/h3>

Flutter can be installed easily using the Snap package manager.<\/p>

Update your package list:<\/p>

sudo apt update<\/code><\/p>

Install Snap if you don’t have it already:<\/p>

sudo apt install snapd<\/code><\/p>

Install Flutter via Snap with classic mode enabled:<\/p>

sudo snap install flutter --classic<\/code><\/p>

5. Enable Web Support in Flutter<\/h3>

Flutter needs to be configured to support web development, run the following command to enable web support in Flutter:<\/p>

flutter config --enable-web<\/code><\/p>

6. Create and Run a Flutter Web Project<\/h3>

Now that Flutter is installed and configured for the web, you can create and run your first web project:<\/p>

flutter create my_web_app<\/code><\/p>

Navigate into the project directory:<\/p>

cd my_web_app<\/code><\/p>

Run the app using the web server device (with a custom port and hostname):<\/p>

flutter run -d web-server --web-port=8080 --web-hostname=0.0.0.0<\/code><\/p>

Step 4 – Configure firewall to allow web traffic<\/b><\/h2>

To access your Flutter web app from outside the VPS, ensure your firewall allows traffic on port 8080. Allow incoming TCP traffic on port 8080:<\/p>

sudo ufw allow 8080\/tcp<\/code><\/p>

Reload the firewall to apply the changes:<\/p>

sudo ufw reload<\/code><\/p>

Step 5 – Access your Flutter Web App<\/b><\/h2>

Once the app is running, you can access it from any browser. Open your browser and navigate to the following URL, replacing your_ip<\/code> address with your VPS IP address:<\/p>

http:\/\/your_ip:8080<\/code><\/p>

Your Flutter web app is now built and deployed to your VPS!<\/p>

\"Flutter<\/div>
\n

For further development, please check the official Flutter documentation<\/a><\/p>\n<\/div>

\n<\/p>\n","protected":false},"excerpt":{"rendered":"

Getting started with the Flutter web on a VPS<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[199],"tags":[],"class_list":["post-481","post","type-post","status-publish","format-standard","hentry","category-vps-management"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/9967651-how-to-install-flutter-web-on-a-vps-at-hostinger","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=481"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/481\/revisions"}],"predecessor-version":[{"id":19940,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/481\/revisions\/19940"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}