From now on, you can add your front-end website to your hosting plan! Front-End Application Hosting allows you to deploy modern web applications built with popular JavaScript frameworks like React, Vue.js, and Angular directly to Hostinger with automatic builds and deployments.
What You’ll Need
- A Cloud hosting plan (Cloud Startup, Cloud Professional, Cloud Enterprise, or Cloud Enterprise Plus)
- A front-end application built with a supported framework
- Either a GitHub repository or compressed project files
Supported Frameworks and Technologies
Your front-end application must be built with one of these frameworks:
- React (including React Router)
- Vue.js
- Angular (Single Page Applications only)
- Vite
- Parcel
- Preact
Supported Node.js versions: 18.x, 20.x, 22.x, 24.x
Supported build commands: npm run build, npm run dev, npm run build:dev, npm run lint, npm run preview
Deploying from a GitHub Repository
Step 1 – Access the Front-End Application Section
Log in to your Hostinger hPanel, navigate to Websites on the sidebar, and click Add Website:
Step 2 – Select Front-End Application
Choose Front-end Application from the available options.
Step 3 – Choose GitHub Integration
Select Import Git Repository:
Step 4 – Authorize GitHub Access
You’ll be redirected to GitHub. Click Authorize to allow Hostinger to access your repositories:
Step 5 – Select Your Repository
Choose the repository containing your front-end application:
Step 6 – Configure Build Settings
The system will automatically detect your framework and suggest build settings where you can modify them.
Step 7 – Deploy Your Website
Click Deploy to start building your application. Your website will be deployed to a temporary subdomain by default:
Your front-end application is now live! 🚀
Deploying by Uploading Files
Step 1 – Access the Front-End Application Section
Log in to hPanel, go to Websites, and click Add Website:
Step 2 – Select Front-End Application
Choose Front-end Application from the options.
Step 3 – Choose File Upload
Select Upload your website files:
Step 4 – Upload Your Project
Upload a compressed file (.zip) containing your front-end application.
Step 5 – Configure Build Settings
Confirm or edit the auto-detected build settings:
Step 6 – Deploy Your Website
Click Deploy to build and launch your application:
Your website is now ready to use!
Managing Your Front-End Application
GitHub Deployments
If you deployed via GitHub, you will see Deployment Details in your website dashboard:
If you click it, you will see details for the deployment:
And if a build fails, the logs will show why the deployment failed.
File Upload Deployments
If you uploaded files directly, you can also upload new files and redeploy from the dashboard:
If you click See details, you will see details for the deployment:
That’s it! Now you’ve learned how to deploy a front-end application in Hostinger using either GitHub integration or direct file upload. If you have any questions or need further assistance, feel free to reach out to our support team via live chat 24/7 – we’re always here to help! 💜