Is Angular 17 SSR officially supported in Azure Static Web Apps?

[Anirudha Gupta (anirugu)]

Describe the bug

A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Device info (if applicable):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[Thomas Gauvin (thomasgauvin)]

Hi Anirudha Gupta (@anirugu), we're aware of this new functionality from Angular but it requires an Express server to host it. As a result, it is not supported on Static Web Apps as of now.

[Sebastián Rojas Ricaurte (quedicesebas)]

Go to Firebase App Hosting :)

[Gerardo Buenrostro González (blogcraft)]

No thanks, I don’t like firebase, I just figured out how to launch SSR it in Azure AppService.

[Sebastián Rojas Ricaurte (quedicesebas)]

How?

[Gerardo Buenrostro González (blogcraft)]

It's quite simple actually, you just need to create an AppService Linux (haven't tested in Windows) and choose Node 20 as the stack (I didn't test other versions) and in the AppService configuration there is a place to set up a "Startup Command" and set it like node server/server.mjs.

And that's it.

[Sami (SamiV42)]

Thanks for posting your solution Gerardo Buenrostro González (@blogcraft)! It saved me quite a bit of trial and error. I can confirm that using your solution it is possible to run an Angular SSR app on an Azure Web App.