{"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-05-08T13:01:41","modified_gmt":"2026-05-08T13:01:41","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":"

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 24.04 as an example.<\/p>

\n<\/p>

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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>

\n<\/p>

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

\n<\/p>

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

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

\n<\/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>

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

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

\n<\/p>

Update your package list:<\/p>

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

\n<\/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>

\n<\/p>

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

\n<\/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>

\n<\/p>

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

\n<\/p>

Navigate into the project directory:<\/p>

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

\n<\/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>

\n<\/p>

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

\n<\/p>

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

\n<\/p>

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

\n<\/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>

\n<\/p>

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

\n<\/p>

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

\n<\/p>

\"Flutter<\/div>

\n<\/p>

\n

For further development, please check the official Flutter documentation<\/a> 🚀<\/b><\/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":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/481\/revisions"}],"predecessor-version":[{"id":2340,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/481\/revisions\/2340"}],"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}]}}