Skip to content
docharvest
esc
    Menu

    astro

    Deploy your Astro Site to Hostinger

    Astro

    Deploy your Astro Site to Hostinger

    Deploy your Astro Site to Hostinger

    Hostinger is a web hosting provider that supports static sites and Node.js applications.

    This guide covers deploying both static and server-rendered Astro projects to Hostinger using hPanel.

    Prerequisites

    • A Hostinger account with an active hosting plan.
      • Static site deployment is supported on all plans that include hPanel.
      • Server-rendered deployment requires a plan that supports Node.js applications, such as Business Web Hosting or Cloud hosting.
    • An Astro project ready to deploy.

    Static site deployment

    Astro projects use output: 'static' by default, so no additional configuration is required to deploy a static site.

    You can upload the contents of your dist/ folder to Hostinger using either the hPanel File Manager or an FTP client.

    File Manager upload

    1. Build your Astro project locally: ```shell npm run build ``` ```shell pnpm build ``` ```shell yarn build ```

    1. Log in to hPanel and open your website.

    2. Open Files > File Manager and navigate to the public_html directory.

    3. Upload the contents of your local dist/ folder into public_html. You can drag and drop files, or upload an archive and extract it in place.

    4. Visit your domain to confirm your site is live.

    FTP upload

    1. In hPanel, go to **Files** > **FTP Accounts** to find or create your FTP credentials.

    1. Connect to your hosting account using an FTP client such as FileZilla.

    2. Upload the contents of your local dist/ folder to the public_html directory on the server.

    3. Visit your domain to confirm your site is live.

    Server-rendered deployment using Node.js

    For on-demand rendering, deploy your Astro project as a Node.js application on a Hostinger plan that supports Node.js.

    Add the Node.js adapter

    Add the Node.js adapter to enable on-demand rendering with the following astro add command:

    ```shell npx astro add node ``` ```shell pnpm astro add node ``` ```shell yarn astro add node ```

    See the Node.js adapter guide for additional configuration options.

    Make sure your package.json has a start script that runs the built server:

    {
  "scripts": {
    "start": "node ./dist/server/entry.mjs"
  }
}

    Deploy from a Git repository

    1. Push your Astro project to a GitHub, GitLab, or Bitbucket repository.

    1. Log in to hPanel and go to Websites.

    2. Add a new website and select the Node.js application option.

    3. Connect your Git provider and select your repository and branch.

    4. Configure the build settings:

      • Build command: npm run build
      • Start command: npm run start

    5. Select a Node.js version that satisfies Astro's minimum requirement (Node.js 22 or later).

    6. Start the deployment. Hostinger will install dependencies, run your build command, and start the application.

    Deploy by uploading project files

    1. Build your Astro project locally, then upload the generated `dist/` folder along with `package.json` and the lock file (e.g. `package-lock.json`).

    1. In hPanel, add a new website and select the Node.js application option.

    2. Upload your project files (or a .zip archive) using the File Manager.

    3. Configure the application:

      • Application root: the folder containing your package.json.
      • Start command: npm run start

    4. Select a supported Node.js version and start the application.

    Official resources