# FlutterFlow AI + Hostwares: Deploy Your Web App from GitHub
Building a web application is easier than ever with AI-powered no-code tools. FlutterFlow AI can help you create and customize web applications, while Hostwares gives you a hosting environment where compatible exported web projects can be deployed and managed. In this guide, we’ll show you how to take your FlutterFlow web app from your project to a live website using GitHub and Hostwares.
Step 1: Build Your Web App with FlutterFlow AI
Start by creating your web application in FlutterFlow. Use FlutterFlow AI and its visual development tools to build your pages, layouts, navigation, components, and required features. Before deployment, test your application and make sure the web version is ready.
Step 2: Prepare the Web Project for Deployment
Make sure your FlutterFlow project supports the export/deployment workflow you plan to use. Generate or export the web project using the available FlutterFlow options. Check that the exported project contains the files and configuration required to build and run the application.
Step 3: Connect Your Project to GitHub
If your FlutterFlow workflow supports GitHub integration, connect your FlutterFlow project to your GitHub account. Create or select the repository where your project will be stored. GitHub will act as the source repository for your Hostwares deployment.
Step 4: Choose a Hostwares Hosting Plan
Now you’re ready to bring your web app online. Visit the Hostwares website and open the Hosting section. Review the available hosting plans and select the one that matches your project's requirements. Click Get Started or Buy Now and complete the checkout process.
Step 5: Open Your Hostwares Dashboard
After purchasing your hosting plan, log in to your Hostwares Dashboard. Open the Deploy section to begin connecting your FlutterFlow project.
Step 6: Connect GitHub to Hostwares
Choose the GitHub deployment option and authorize the required GitHub access.
Select the repository containing your FlutterFlow web project.
Choose the correct branch, such as main, if your project uses a specific deployment branch.
Step 7: Configure Your Build Settings
Before deploying, configure the settings required by your FlutterFlow web project. Depending on your exported project, this may include:
- Build command
- Output directory
- Runtime settings
- Environment variables
- Required dependencies Use the configuration appropriate for your FlutterFlow project's generated code.
Step 8: Deploy Your Web App
Once your GitHub repository and deployment settings are ready, start the deployment from Hostwares. Hostwares will build and deploy your compatible FlutterFlow project. When the deployment finishes successfully, you’ll have a live URL for your web application.
Step 9: Test Your Live Application
Open the deployment URL and test your application before connecting your custom domain. Check:
- Pages load correctly
- Navigation works
- Images and assets appear correctly
- Forms and interactive features work
- Responsive layouts work on desktop and mobile
- Required APIs or integrations are configured correctly
Step 10: Connect Your Custom Domain
Ready to give your web app a professional address? Open Domain settings in your Hostwares dashboard and add your domain. Then update the required DNS records at your domain provider using the instructions provided by Hostwares. After DNS propagation, your FlutterFlow web app can be accessed through your custom domain.
Step 11: Enable SSL
Security is important for every web application. Configure SSL/HTTPS for your connected domain using the available Hostwares settings. Once SSL is active, visitors can access your application securely through HTTPS.
Step 12: Update Your Application
Your application is now live, but you can continue improving it. When you make changes in FlutterFlow, update your project and sync the changes with GitHub according to your workflow. Then redeploy the updated version through Hostwares when required. Your workflow becomes: FlutterFlow AI → GitHub → Hostwares → Domain → SSL → Live Web App
Why Use FlutterFlow AI with Hostwares?
FlutterFlow AI and visual development tools can help simplify application creation, while GitHub provides a convenient way to manage your project code. Hostwares adds the hosting and deployment environment needed to bring compatible web projects online. This gives you a straightforward workflow from building your application to deploying, securing, and managing it.
Ready to Launch Your FlutterFlow Web App?
Build your application with FlutterFlow AI, connect your project to GitHub, choose a Hostwares hosting plan, and deploy your web app. Build with AI → Push to GitHub → Deploy with Hostwares → Connect your domain → Enable SSL → Keep growing. Start your web app journey with Hostwares today.