---
title: "Angular | Netlify Changelog"
description: "Get the latest updates on Netlify products and features to meet your developer needs."
source: "https://www.netlify.com/changelog/tag/angular/"
last_updated: "2026-07-06T13:57:57.000Z"
---
# Posts tagged "Angular"

All Tags Agent-runners AI Ai-gateway Angular Astro AX Build CLI Database Design Devtools Domains E-commerce Extensions Forms Framework Functions Logs Next.js Nuxt.js Remix SDK Security Updates Workflow  [Subscribe to feed](https://www.netlify.com/changelog/tag/angular/feed.xml)

-   [
    
    ## Angular v22 is now supported
    
    ](/changelog/2026-06-01-support-for-angular-v22/)
    
    June 3, 2026
    
    -   [framework](/changelog/tag/framework/)
    -   [angular](/changelog/tag/angular/)
    
    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)
    
    [Permalink to Angular v22 is now supported Permalink](/changelog/2026-06-01-support-for-angular-v22/)
    
-   [
    
    ## Angular v21 is now supported
    
    ](/changelog/2025-11-20-support-for-angular-v21/)
    
    November 20, 2025
    
    -   [framework](/changelog/tag/framework/)
    -   [angular](/changelog/tag/angular/)
    
    Angular v21 [was released today](https://blog.angular.dev/announcing-angular-v21-57946c34f14b) and it is supported on Netlify on day one.
    
    To upgrade, follow the [Angular upgrade steps](https://angular.dev/update-guide?v=20.0-21.0&l=1) and update `@netlify/angular-runtime` to v3.0.1 or later.
    
    Learn more:
    
    -   [Angular v21 Release](https://angular.dev/events/v21)
    -   [Angular on Netlify](https://docs.netlify.com/build/frameworks/framework-setup-guides/angular/)
    -   [Angular Runtime](https://github.com/netlify/angular-runtime)
    
    [Permalink to Angular v21 is now supported Permalink](/changelog/2025-11-20-support-for-angular-v21/)
    
-   [
    
    ## Angular 20 support
    
    ](/changelog/angular-20-support/)
    
    May 28, 2025
    
    -   [angular](/changelog/tag/angular/)
    -   [framework](/changelog/tag/framework/)
    
    [Angular 20](https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301) is now fully supported on Netlify with zero configuration required.
    
    **What’s new**
    
    -   Full Angular 20 compatibility: Deploy Angular 20 projects with all the latest features including stable signals APIs, zoneless change detection in developer preview, and incremental hydration.
        
    -   Updated Angular template: We’ve refreshed our [Angular starter template](https://github.com/netlify-templates/angular-starter) to showcase Angular 20’s capabilities, including the new control flow syntax and simplified component naming conventions.
        
    -   Optimized SSR support: Angular 20’s stable incremental hydration and route-level rendering modes work with Netlify’s edge network for faster, more efficient server-side rendering.
        
    
    **How to get started**
    
    Add your existing Angular 20 project by connecting your Git repository–or [deploy our template](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/angular-starter)–no configuration changes needed. For new projects, try our updated template with Angular 20’s latest features.
    
    If you’re planning to [upgrade from version 18](https://developers.netlify.com/guides/whats-new-with-angular-19-on-netlify/) or earlier, check out our guidance on the Angular runtime.
    
    [Permalink to Angular 20 support Permalink](/changelog/angular-20-support/)