Request an example for official Angular SSR setup

[maxisam]

First of all, this one doesn't work.

https://blog.nrwl.io/nx-workspace-schematics-server-side-rendering-ssr-with-angular-universal-afc04ead55

It would be great to have SSR in this example, so we can always keep track on it.

Most of the examples I have seen put SSR within the angular app. It seems like it is the only way. However, it seems like against the whole nx architecture.

Here is the setup having ssr inside the angular app https://github.com/jared-christensen/nx-angular-universal

However, it doesnt work in NX v12. It works in NX v11

https://github.com/jared-christensen/nx-angular-universal/issues/1

[s4m0r4m4]

I second this request, there are so many half-baked, out-of-date guides out there that it can lead to a ton of confusion.

[ciriousjoker]

This would be great. Can this be considered maybe?

[monkeycatdog]

hey, it's still relevant. does anybody able to perform an example? spent over 2 hours to find and try something, no results

[shaiful-dynasty]

I'm using this generator https://nx.dev/packages/angular/generators/setup-ssr to generate Angular SSR file. Is this the official way?

nx generate setup-ssr project-name

[jackmorizo]

After the update to nx16 in our company we have the problem that all our release-pipelines fail because neither the server artifacts nor the prerendered build-artifacts get build .. the funny thing is that the build-pipelines output nothing strange .. the error occurs when the pipeline hits existing cashed artifacts and the the @nx/angular:webpack-browser executor even reports that the build was successfull .. but the artifacts in the dist folder are missing

Please also explain more in detail what @nx/angular:setup-ssr is supposed to do (which files it creates, touches and how they are modified)