{"id":6171,"date":"2025-10-20T10:01:40","date_gmt":"2025-10-20T10:01:40","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=6171"},"modified":"2026-10-02T09:31:08","modified_gmt":"2026-10-02T09:31:08","slug":"how-to-upload-a-static-front-end-application-on-agency-plan","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-upload-a-static-front-end-application-on-agency-plan\/","title":{"rendered":"How to upload a static front-end application on Agency plan"},"content":{"rendered":"<p>Hostinger <a data-click-id=\"hgr-post-content-link-agency-hosting\" href=\"https:\/\/www.hostinger.com\/pro\">Agency Hosting<\/a> lets you upload a static front-end application &mdash; a web application made up of pre-built files served directly to users without server-side processing or a database &mdash; on all Agency plans.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">The supported frameworks are Vite, Vue CLI, Parcel, and React (via Vite)<\/div><h2 id=\"h-getting-started\">Getting started<\/h2><h3>Step 1 &ndash; Add a new website<\/h3><p><span style=\"font-weight: 400\">Click the<strong> Create website<\/strong> button in your hosting panel.<\/span><\/p><h3>Step 2 &ndash; Select static front-end application<\/h3><p><span style=\"font-weight: 400\">From the website type options, choose Static front-end application.<\/span><\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-19469\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-02_10-00.png\" alt=\"\" width=\"875\" height=\"323\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-02_10-00.png 875w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-02_10-00-300x111.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-02_10-00-768x284.png 768w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><\/p><h3>Step 3 &ndash; Choose your domain<\/h3><p><span style=\"font-weight: 400\">Select the domain where you want your application to be hosted.<\/span><\/p><p><img decoding=\"async\" class=\"alignnone wp-image-6205 size-large\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-01-1-1024x291.png\" alt=\"Domain name input field under the prompt to choose a domain or subdomain\" width=\"1024\" height=\"291\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-01-1-1024x291.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-01-1-300x85.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-01-1-768x219.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-01-1-1536x437.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-01-1-2048x583.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p><h3>Step 4 &ndash; Upload your source files<\/h3><p><span style=\"font-weight: 400\">Click the file uploader and select your source files archive. Make sure your archive includes:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">All source code files<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">package.json with your dependencies<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">.env file (if your application uses environment variables)<\/span><\/li>\n<\/ul><h3>Step 5 &ndash; Complete setup<\/h3><p><span style=\"font-weight: 400\">Click Finish to complete the setup. Your application will be automatically prepared and made available on your domain.<\/span><\/p><p><img decoding=\"async\" class=\"alignnone wp-image-6199 size-large\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-05-1024x576.png\" alt=\"Hostinger upload screen with Finish button and uploaded static site ZIP file\" width=\"1024\" height=\"576\" data-media-id=\"6199\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-05-1024x576.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-05-300x169.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-05-768x432.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-05-1536x863.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_18-05.png 1868w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p><h2 id=\"h-updating-your-application\">Updating your application<\/h2><p><span style=\"font-weight: 400\">Need to deploy changes to your application? It&rsquo;s simple:<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Prepare your updated source files in an archive<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Navigate to your website in the hosting panel<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use the file uploader to upload your new archive<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click Update<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Your application will be rebuilt with the latest changes and made available on your domain.<\/span><\/p><p><img decoding=\"async\" class=\"alignnone wp-image-6177 size-full\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_16-58.png\" alt=\"Website dashboard with highlighted source files upload area and Upload button\" width=\"924\" height=\"643\" data-media-id=\"6177\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_16-58.png 924w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_16-58-300x209.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/10\/2025-10-20_16-58-768x534.png 768w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/p><h2 id=\"h-what-happens-after-upload\">What happens after upload?<\/h2><p><span style=\"font-weight: 400\">Once you upload your files and click finish or update:<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Your application is automatically built<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The built files are deployed to your domain<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Your website becomes live and accessible<\/span><\/li>\n<\/ol><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">If you&rsquo;re deploying a CMS or framework that requires server-side processing, such as PrestaShop or Laravel, see <a data-click-id=\"hgr-post-content-link-how-to-install-custom-php-on-hostinger-agency-plan\" href=\"https:\/\/www.hostinger.com\/support\/11792202-how-to-install-custom-php-on-hostinger-agency-plan\/\">how to install custom PHP on Hostinger Agency plan<\/a> instead. For more on your plan&rsquo;s features, see <a data-click-id=\"hgr-post-content-link-how-to-get-started-with-hostinger-agency-hosting-plans\" href=\"https:\/\/www.hostinger.com\/support\/10656861-hostinger-agency-hosting-plans-how-to-get-started\/\">how to get started with Hostinger Agency Hosting plans<\/a>.<\/div><p>Once your static front-end application is uploaded, it builds and deploys automatically to your domain.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hostinger Agency Hosting lets you upload a static front-end application &mdash; a web application made up of pre-built files served directly to users without server-side&#8230;<\/p>\n","protected":false},"author":596,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[294],"tags":[],"class_list":["post-6171","post","type-post","status-publish","format-standard","hentry","category-agency-hosting-plans"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/how-to-upload-a-static-front-end-application-on-agency-plan","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6171","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\/596"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=6171"}],"version-history":[{"count":24,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6171\/revisions"}],"predecessor-version":[{"id":19537,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6171\/revisions\/19537"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=6171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=6171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=6171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}