{"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":"2026-07-23T05:49:34","modified_gmt":"2026-07-23T05:49:34","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":"<p class=\"no-margin\">Deploying your <a class=\"intercom-content-link\" href=\"https:\/\/bolt.new\/\" target=\"_blank\" rel=\"noopener\">Bolt.new<\/a> application to a Hostinger VPS is straightforward. Follow this step-by-step guide to get your site up and running quickly.&#8203;<\/p><h2 id=\"h_4865c5c50c\"><b>Step 1 &ndash; Create and download your application in bolt.new.<\/b><\/h2><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/826e5b4f-6dc3-43a4-b905-ac205a5cdf40.jpg\" alt=\"Bolt.new homepage with prompt box and app template buttons for building web apps\" data-media-id=\"2228\"><\/div><p class=\"no-margin\">For this guide, we will use their suggestion for creating a Vitepress application, but the process should be similar to all projects.<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/e1ac7c1c-0fa2-4332-80e5-99c267476e73.jpg\" alt=\"Bolt editor showing StackBlitz project import and terminal running npm install\" data-media-id=\"2230\"><\/div><p class=\"no-margin\">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><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/5f0f91f6-4ae9-41cd-be4e-43e8fdc03159.jpg\" alt=\"Bolt editor with the Download button highlighted in the top toolbar\" data-media-id=\"2232\"><\/div><h2 id=\"h_73e0880afc\"><b>Step 2 &ndash; Install Ubuntu 24.04 with CloudPanel in Hostinger<\/b><\/h2><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/1611e295-0fb0-4b02-af34-41cccfeb44b9.jpg\" alt=\"Hostinger VPS Change OS dialog with Ubuntu 24.04 with CloudPanel selected\" data-media-id=\"2233\"><\/div><h2 id=\"h_1cc35d3c63\"><b>Step 3 &ndash; Access your CloudPanel account<\/b><\/h2><p class=\"no-margin\">Enter <a class=\"intercom-content-link\" href=\"https:\/\/your_vps_ip:8443\/\" target=\"_blank\" rel=\"noopener\">https:\/\/your_vps_ip:8443\/<\/a><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Replace <b>your_vps_ip<\/b> with the IP address of your VPS.<\/p>\n<\/div><p class=\"no-margin\">Enter the login credentials provided during the CloudPanel setup:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/edb068dc-4e99-4c3a-afca-2d7b13a9768f.jpg\" alt=\"VPS login screen with username field filled as admin and Log In button\" data-media-id=\"2234\"><\/div><p class=\"no-margin\">Once logged in, navigate to the <b>&ldquo;Sites&rdquo;<\/b> tab.<\/p><p class=\"no-margin\">Click <b>&ldquo;Add Site&rdquo; <\/b>and select <b>Node.js<\/b>.<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/e50b9345-8039-42c5-9201-ee07fc76f929.jpg\" alt=\"CloudPanel Sites page with the + Add Site button highlighted\" data-media-id=\"2235\"><\/div><p class=\"no-margin\">Enter your domain (e.g., <code>domain.tld<\/code>) and complete the setup.<br>\n&#8203;<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/11\/4bc685c7-c217-4df6-affe-5558dbb17ae0.jpg\" alt=\"Hostinger VPS new Node.js site form with domain, Node 22 LTS, port 3000, and Create button\" data-media-id=\"2236\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #feedaf80;border-color: #fbc91633\">\n<p class=\"no-margin\"><b>Note<\/b>: You can use your <b>hostname<\/b> as your <b>domain name <\/b>for this guide<\/p>\n<\/div><h2 id=\"h_9cd1fe4fd9\"><b>Step 4 &ndash; Upload Your Source Code<\/b><\/h2><ol>\n<li>\n<p class=\"no-margin\">Go to your newly created site by clicking on the <b>&ldquo;Manage&rdquo;<\/b> button.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Open the <b>File Manager<\/b> in CloudPanel.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Navigate to <code>\/htdocs\/your_domain_name\/<\/code><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Upload your downloaded source code .zip file here and extract it. Make sure all files are in <code>your_domain_name<\/code> folder.<\/p>\n<\/li>\n<\/ol><h2 id=\"h_9e3d23a2b6\"><b>Step 5 &ndash; Install Dependencies<\/b><\/h2><ol>\n<li>\n<p class=\"no-margin\">Connect to your VPS via SSH:<br>\n&#8203;<\/p>\n<pre><code>ssh example@your_vps_ip<\/code><\/pre>\n<p class=\"no-margin\">\n<\/p><\/li>\n<li>\n<p class=\"no-margin\">Navigate to your project directory:<br>\n&#8203;<\/p>\n<pre><code>cd \/home\/your_username\/htdocs\/your_domain_name\/<\/code><\/pre>\n<p class=\"no-margin\">\n<\/p><\/li>\n<li>\n<p class=\"no-margin\">Install Node.js dependencies:<br>\n&#8203;<\/p>\n<pre><code>npm install<\/code><\/pre>\n<\/li>\n<\/ol><h2 id=\"h_bcfce17f7e\"><b>Step 6 &ndash; Build the Application<\/b><\/h2><ol>\n<li>\n<p class=\"no-margin\">Run the build command to generate static files:<\/p>\n<pre><code>npm run build<\/code><\/pre>\n<p class=\"no-margin\">\n<\/p><\/li>\n<li>\n<p class=\"no-margin\">Install the serve package globally:<\/p>\n<pre><code>npm install -g serve<\/code><\/pre>\n<p class=\"no-margin\">\n<\/p><\/li>\n<li>\n<p class=\"no-margin\">Use <b>PM2<\/b> to keep the server running:<br>\n&#8203;<\/p>\n<pre><code>npm install -g pm2<\/code><\/pre>\n<pre><code>pm2 start \"serve .\/docs\/.vitepress\/dist\" --name \"vitepress\"<\/code><\/pre>\n<pre><code>pm2 save<\/code><\/pre>\n<pre><code>pm2 startup<\/code><\/pre>\n<p class=\"no-margin\">\n<\/p><\/li>\n<li>\n<p class=\"no-margin\">Check Your Application<br>\nOpen your domain in a browser (e.g., <code>http:\/\/domain.tld<\/code>) to confirm the application is running.<\/p>\n<\/li>\n<\/ol><h2 id=\"h_41d8a79d94\"><b>Step 7 &ndash; Enable SSL (Optional)<\/b><\/h2><ol>\n<li>\n<p class=\"no-margin\">In CloudPanel, go to the <b>SSL\/TLS<\/b> tab.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click <b>Actions<\/b> &rarr; <b>New Let&rsquo;s Encrypt Certificate<\/b>.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Verify that SSL is installed by visiting your domain via HTTPS (e.g., <code>https:\/\/domain.tld)<\/code>.<\/p>\n<\/li>\n<\/ol><p id=\"h_f4e25468f8\">That&rsquo;s it! Your Bolt.new application is now live on your Hostinger VPS. &#127881;<\/p><p><iframe title=\"What Is Bolt.new and How to Deploy It on Hostinger VPS\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/AcPHGZsuxds?start=15&amp;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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":6,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/459\/revisions"}],"predecessor-version":[{"id":13035,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/459\/revisions\/13035"}],"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}]}}