{"id":459,"date":"2024-11-20T12:21:54","date_gmt":"2024-11-20T12:21:54","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2024\/11\/20\/10164793-how-to-deploy-bolt-new-applications-to-your-hostinger-vps\/"},"modified":"2025-08-27T06:43:25","modified_gmt":"2025-08-27T06:43:25","slug":"10164793-how-to-deploy-bolt-new-applications-to-your-hostinger-vps","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/10164793-how-to-deploy-bolt-new-applications-to-your-hostinger-vps\/","title":{"rendered":"How to deploy bolt.new applications to your Hostinger VPS"},"content":{"rendered":"

Deploying your Bolt.new<\/a> application to a Hostinger VPS is straightforward. Follow this step-by-step guide to get your site up and running quickly.<\/p>

\n<\/p>

We also prepared a video tutorial for deploying your bolt.new application<\/a>.
​<\/p>

Step 1 – Create and download your application in bolt.new.<\/b><\/h2>

\n<\/p>

<\/div>

\n<\/p>

For this guide, we will use their suggestion for creating a Vitepress application, but the process should be similar to all projects.<\/p>

\n<\/p>

<\/div>

\n<\/p>

Once the code is generated, you can download the source code with a single click. Simply click the Download button located in the top-right corner, and a ZIP file will be downloaded for you.<\/p>

\n<\/p>

<\/div>

\n<\/p>

Step 2 – Install Ubuntu 24.04 with CloudPanel in Hostinger<\/b><\/h2>

\n<\/p>

<\/div>

\n<\/p>

Step 3 – Access your CloudPanel account<\/b><\/h2>

Enter https:\/\/your_vps_ip:8443\/<\/a><\/p>

\n

Replace your_vps_ip<\/b> with the IP address of your VPS.<\/p>\n<\/div>

Enter the login credentials provided during the CloudPanel setup:<\/p>

\n<\/p>

<\/div>

Once logged in, navigate to the “Sites”<\/b> tab.<\/p>

Click “Add Site” <\/b>and select Node.js<\/b>.<\/p>

\n<\/p>

<\/div>

Enter your domain (e.g., domain.tld<\/code>) and complete the setup.
​<\/p>

<\/div>

\n<\/p>

\n

Note<\/b>: You can use your hostname<\/b> as your domain name <\/b>for this guide<\/p>\n<\/div>

Step 4 – Upload Your Source Code<\/b><\/h2>
    \n
  1. \n

    Go to your newly created site by clicking on the “Manage”<\/b> button.<\/p>\n<\/li>\n

  2. \n

    Open the File Manager<\/b> in CloudPanel.<\/p>\n<\/li>\n

  3. \n

    Navigate to \/htdocs\/your_domain_name\/<\/code><\/p>\n<\/li>\n

  4. \n

    Upload your downloaded source code .zip file here and extract it. Make sure all files are in your_domain_name<\/code> folder.<\/p>\n<\/li>\n<\/ol>

    Step 5 – Install Dependencies<\/b><\/h2>
      \n
    1. \n

      Connect to your VPS via SSH:
      ​<\/p>\n

      ssh example@your_vps_ip<\/code><\/pre>\n
      \n<\/p><\/li>\n
    2. \n
      Navigate to your project directory:
      ​<\/p>\n
      cd \/home\/your_username\/htdocs\/your_domain_name\/<\/code><\/pre>\n
      \n<\/p><\/li>\n
    3. \n
      Install Node.js dependencies:
      ​<\/p>\n
      npm install<\/code><\/pre>\n<\/li>\n<\/ol>
      Step 6 – Build the Application<\/b><\/h2>
        \n
      1. \n
        Run the build command to generate static files:<\/p>\n
        \n<\/p>
        npm run build<\/code><\/pre>\n
        \n<\/p><\/li>\n
      2. \n
        Install the serve package globally:<\/p>\n
        \n<\/p>
        npm install -g serve<\/code><\/pre>\n
        \n<\/p><\/li>\n
      3. \n
        Use PM2<\/b> to keep the server running:
        ​<\/p>\n
        npm install -g pm2<\/code><\/pre>\n
        pm2 start \"serve .\/docs\/.vitepress\/dist\" --name \"vitepress\"<\/code><\/pre>\n
        pm2 save<\/code><\/pre>\n
        pm2 startup<\/code><\/pre>\n
        \n<\/p><\/li>\n
      4. \n
        Check Your Application
        Open your domain in a browser (e.g., http:\/\/domain.tld<\/code>) to confirm the application is running.<\/p>\n<\/li>\n<\/ol>
        Step 7 – Enable SSL (Optional)<\/b><\/h2>
          \n
        1. \n
          In CloudPanel, go to the SSL\/TLS<\/b> tab.<\/p>\n<\/li>\n
        2. \n
          Click Actions<\/b> → New Let’s Encrypt Certificate<\/b>.<\/p>\n<\/li>\n
        3. \n
          Verify that SSL is installed by visiting your domain via HTTPS (e.g., https:\/\/domain.tld)<\/code>.<\/p>\n<\/li>\n<\/ol>
          That’s It!<\/b><\/h2>
          Your Bolt.new application is now live on your Hostinger VPS. 🎉<\/p>
          \n<\/p>\n","protected":false},"excerpt":{"rendered":"
          Getting started with bolt.new tool on your VPS<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[199],"tags":[],"class_list":["post-459","post","type-post","status-publish","format-standard","hentry","category-vps-management"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/10164793-how-to-deploy-bolt-new-applications-to-your-hostinger-vps\/","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/459","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\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=459"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/459\/revisions"}],"predecessor-version":[{"id":2239,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/459\/revisions\/2239"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}