Angular

Deploy Angular apps on Hostinger Node.js hosting, covering static build settings, output directories, and Angular Universal SSR via the other app type.

Opinionated TypeScript framework with batteries included. Hostinger runs Angular as static bundles by default; Angular Universal (SSR) is also supported via the other application type.

app_type: angular

Static mode

Default Angular mode — client-side rendering, routes hydrate in the browser.

package.json

{
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test"
  }
}

hPanel settings

Field	Value
Application type	angular
Build script	build
Output directory	dist/<project-name> or dist/<project-name>/browser (Angular 17+)
Entry file	— (static)

Note: Angular 17+ splits build output into browser/ and server/ subdirectories. Point the output directory at browser/. The project name comes from angular.json → projects.<name>.

Server mode (Angular Universal / SSR)

Angular Universal pre-renders and serves with a Node server.

Enable SSR

ng add @angular/ssr

This adds server.ts and updates angular.json with a server build target.

Build

ng build

Application type

Use other — Hostinger's angular preset defaults to static output.

hPanel settings

Field	Value
Application type	other
Build script	build
Output directory	— (leave blank)
Entry file	dist/<project-name>/server/server.mjs

With other, the entry file is relative to the root directory and the output directory is ignored.

Angular's server adapter listens on process.env.PORT by default.

Notes

• Node 20 or newer for Angular 17+.

• Build output locations change between major Angular versions; check angular.json → architect.build.options.outputPath to be sure.

---

Last updated: September 23, 2026