{"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":"2025-12-10T10:37:08","modified_gmt":"2025-12-10T10:37: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":"

A static front-end application<\/strong> is a web application made up of files that are pre-built and served directly to users without requiring server-side processing or a database. This option is available on all Agency Plans<\/strong>! Let’s go through the step-by-step!<\/p>

The supported frameworks are Vite, Vue CLI, Parcel, and React (via Vite) 💡<\/div>

Getting Started<\/h2>

Step 1: Add a New Website<\/h3>

Click the Add Website button in your hosting panel.<\/span><\/p>

Step 2: Select Static Front-End Application<\/h3>

From the website type options, choose Static front-end application.<\/span><\/p>

\"\"<\/p>

Step 3: Choose Your Domain<\/h3>

Select the domain where you want your application to be hosted.<\/span><\/p>

\"\"<\/p>

Step 4: Upload Your Source Files<\/h3>

Click the file uploader and select your source files archive. Make sure your archive includes:<\/span><\/p>

    \n
  • All source code files<\/span><\/li>\n
  • package.json with your dependencies<\/span><\/li>\n
  • .env file (if your application uses environment variables)<\/span><\/li>\n<\/ul>

    Step 5: Complete Setup<\/h3>

    Click Finish to complete the setup. Your application will be automatically prepared and made available on your domain.<\/span><\/p>

    \"\"<\/p>

    Updating Your Application<\/h2>

    Need to deploy changes to your application? It’s simple:<\/span><\/p>

      \n
    1. Prepare your updated source files in an archive<\/span><\/li>\n
    2. Navigate to your website in the hosting panel<\/span><\/li>\n
    3. Use the file uploader to upload your new archive<\/span><\/li>\n
    4. Click Update<\/span><\/li>\n<\/ol>

      Your application will be rebuilt with the latest changes and made available on your domain.<\/span><\/p>

      \"\"<\/p>

      What Happens After Upload?<\/h2>

      Once you upload your files and click finish or update:<\/span><\/p>

        \n
      1. Your application is automatically built<\/span><\/li>\n
      2. The built files are deployed to your domain<\/span><\/li>\n
      3. Your website becomes live and accessible<\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        A static front-end application is a web application made up of files that are pre-built and served directly to users without requiring server-side processing or…<\/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":18,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6171\/revisions"}],"predecessor-version":[{"id":6986,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6171\/revisions\/6986"}],"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}]}}