Angular 20 SSR only generates one server.mjs for all locales (unlike Angular 19) – How to fix...

I'm upgrading my Angular Universal app from Angular 19 to Angular 20, and I noticed a major change in how SSR handles localization.

In Angular 19, when building a localized SSR app, the build would generate one server.mjs file per locale, e.g.:

/dist/my-app/server/en/server.mjs
/dist/my-app/server/fr/server.mjs
/dist/my-app/server/de/server.mjs


This allowed the SSR server to render pages in the correct locale from the start.

However, in Angular 20, the build now generates only one global server.mjs, like this:

/dist/my-app/server/server.mjs


As a result, the SSR output is always rendered using the default locale, and the correct language is applied only on the client side, which defeats the purpose of server-side localization (e.g., for SEO or first paint localization).

My question: How can I configure or restore the behavior of locale-specific SSR rendering in Angular 20? Is there a new approach or workaround to render pages server-side in the correct locale for each request?

I am using Firebase Cloud Functions for SSR

I tried the same config, I also tried asking chatGPT but no success

Continue reading...