Deploy Flutter in Hostinger [Updated]

Hi, in this tutorial, we will learn how to deploy our Flutter project in Hostinger. In this example, we have a Laravel server that Flutter uses to perform database actions, and the Flutter website works as the UI This will only cover the Flutter deployment, but you can refer to Deploying Laravel and React/Vue.js Projects to Hostinger for Laravel

We require an account in Hostinger, but this tutorial can be extended to any other hosting service

Deploy Flutter to Hostinger

Well, first, we will start deploying Flutter to Hostinger, as it is the easiest step

• If you will create a domain, go to websites and select +Add website, follow the procedures to create a new domain
• If you create a subdomain:
  • Look for your domain in the website list, for example, technolympus.com
  • Select Dashboard
  • Select Domains
  • Select Subdomains
  • Here you can create your subdomain, you can also specify a custom folde,r otherwise it will create it automatically with the name of the subdomain

Now scroll down the options and select File Manager and Access files of your domain

Go to public_html and find the folder with your domain/subdomain name. By default, it has a file default.php, if you navigate now to your subdomain/domain, you will see this view

Now let’s run flutter build web and copy all the files in /build/web to the folder in Hostinger. These are all the steps for uploading a Flutter project, now you can see your website online and running. If you are calling a Laravel backend server, then please follow the next instructions at Deploying Laravel and React/Vue.js Projects to Hostinger to upload your backend server; otherwise, you are all set :). Enjoy your website