{"id":372,"date":"2025-03-13T21:02:56","date_gmt":"2025-03-13T21:02:56","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2025\/03\/13\/10771345-hostinger-horizons-how-to-export-code\/"},"modified":"2026-10-02T02:53:40","modified_gmt":"2026-10-02T02:53:40","slug":"10771345-hostinger-ai-builder-agentic-mode-how-to-export-code","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/10771345-hostinger-ai-builder-agentic-mode-how-to-export-code\/","title":{"rendered":"Hostinger AI Builder: How to export code in agentic mode"},"content":{"rendered":"

Export your Hostinger AI Builder<\/a> agentic mode project code to use it outside the builder, access its backend, and make manual changes to your project.<\/p>

Exporting the code<\/h2>

Inside your Hostinger dashboard, go to Websites List<\/a> and open the project you wish to export:<\/p>

\"\"<\/div>

Inside Hostinger AI Builder, click on the Code <\/b>tab<\/a> at the top of the editor.<\/p>

\"Hostinger<\/div>
You’ll see the Export code<\/b> option under the files sidebar:
\n\"Horizons<\/div>
\n

The exported code is a Node.js project<\/b> built with React and Vite<\/b>. At the moment, this is the only format available<\/b> for export and is the default output<\/b>.<\/p>\n<\/div>

Click Export<\/b> to start generating the code. Once the process is complete, a .zip file<\/b> containing your full project will be available for download. You can save it to your local device<\/b> and extract the contents to see and access the complete codebase.<\/p>

\n

Remember that once you export Hostinger AI Builder project, there is no way to import the edited version back to Hostinger AI Builder and continue with prompting. You will need to proceed with manual edits or start a new project. Note that exporting the code only covers your project’s frontend and logic files — it does not include your integrated backend data<\/a>, which remains managed separately within Hostinger AI Builder.<\/p>\n<\/div>

What can be done with the exported code<\/h2>

After exporting the code, you can:<\/p>

    \n
  1. \n

    Edit it manually<\/b>: To do this, you’ll need coding knowledge<\/b> and Node.js installed<\/b> on your local machine. This is necessary to run and modify the project properly, as it is based on Node.js tooling (Vite\/React).<\/p>\n<\/li>\n

  2. \n

    Deploy to Business or Cloud hosting plans<\/strong>: You can now deploy Node.js applications directly to Business\/Unlimited Web Hosting<\/strong> or Cloud hosting plans<\/strong> (Cloud Startup, Cloud Professional, Cloud Enterprise, or Cloud Enterprise Plus) using Hostinger’s Node.js Web Apps feature. For detailed instructions, check out our guide on how to deploy a Node.js website in Hostinger<\/a>.<\/p>\n<\/li>\n

  3. \n

    Import to a VPS<\/strong>: You can also upload the code to a VPS server where Node.js is available and configured. You can check more details about using Node.js on VPS in this guide here<\/a>.<\/p>\n<\/li>\n

  4. \n

    Convert it to static files<\/b>: If you want to host the project on shared or cloud hosting plans<\/b>, you must first convert the code into static files<\/b> (HTML, CSS, and JS). You can do this by building the project using Vite (npm run build<\/code>), which outputs static assets that can be hosted on any web server.<\/p>\n<\/li>\n<\/ol>

    Uploading the raw exported code directly to Hostinger dashboard (shared or cloud hosting)<\/b> without converting it to static files will not work<\/b>.<\/div>

    To use the exported code inside Hostinger dashboard, you will need basic coding knowledge<\/b> to be able to make the conversion to static files.<\/p>

    If you have the static files ready, you can import them back to your Hostinger dashboard by doing the following:<\/p>

      \n
    1. \n

      On Websites List<\/a>, click on Create website<\/b>:<\/p>\n<\/li>\n

    2. \n

      On the dropdown menu, select PHP\/HTML website<\/b>:
      \n​\"\"<\/p>\n<\/li>\n<\/ol>

      After that, you can go to your File Manager and import the static files. For more details, you can check our guide on how to upload backups manually<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Export your Hostinger AI Builder agentic mode project code to access its backend and make manual changes.<\/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":[293],"tags":[],"class_list":["post-372","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/10771345-hostinger-horizons-how-to-export-code\/","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/372","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=372"}],"version-history":[{"count":12,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/372\/revisions"}],"predecessor-version":[{"id":19465,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/372\/revisions\/19465"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}