---
title: "Day one support for Angular v22 on Netlify"
description: "Angular v22 support is now available via Angular Runtime v4.0.0"
source: "https://www.netlify.com/changelog/2026-06-01-support-for-angular-v22/"
last_updated: "2026-07-15T17:15:24.000Z"
---
Angular v22 [was released today](https://blog.angular.dev/announcing-angular-v22-c52bb83a4664) and it is supported on Netlify on day one.

To upgrade, follow the [Angular upgrade steps](https://angular.dev/update-guide?v=21.0-22.0&l=1) and update `@netlify/angular-runtime` to v4.0.0 or later.

## Notable changes

-   **Minimum Node.js version**: Angular v22 requires Node.js 22.12.0 or later. Make sure your Netlify site is [configured to use a supported Node.js version](https://docs.netlify.com/configure-builds/manage-dependencies/#node-js-and-javascript).
-   **`allowedHosts` config**: Angular v21.x (specifically, `@angular/ssr`) introduced an `allowedHosts` option in the `AngularAppEngine` configuration, giving you explicit control over which hosts are permitted to connect. Angular 22 started returning a HTTP 400 for requests with other host headers. `@netlify/angular-runtime` handles adding the most common URLs for a Netlify deploy to the `allowedHosts` config automatically allowing developers to use Netlify’s branch and deploy previews without the HTTP 400 error.
-   **Forwarded headers support with`trustProxyHeaders`**: A new `trustProxyHeaders` option lets Angular applications behind a reverse proxy correctly read forwarded headers such as `X-Forwarded-For` and `X-Forwarded-Proto`. `@netlify/angular-runtime` handles adding the required headers automatically.

Learn more:

-   [Angular v22 Release](https://angular.dev/events/v22)
-   [Angular on Netlify](https://docs.netlify.com/build/frameworks/framework-setup-guides/angular/)
-   [Angular Runtime](https://github.com/netlify/angular-runtime)