Bundling an SSR enabled vanilla angular app with vite-plugin-angular, @angular/ssr and vite's environment API

[kurabirko]

Hi everyone,

I'm working on an angular project that does SSR with @angular/ssr's AngularAppEngine and h3. I'm planning to move the app into the vite ecosystem, however I don't think I'll be able to include Analog's facilities (including analog's runtime packages and nitro et. al.) in our released bundles.

I'm trying to at least bundle the app with @analogjs/vite-plugin-angular and vite's Environment API using an ssr environment that uses @angular/ssr and a client environment for the browser, but I couldn't really configure a working setup with a dev server.

Any ideas on how this can be configured? Did anyone had some luck with a similar setup? Thanks in advance 👋

[brandonroberts]

Its possible to do, but its needs more glue code between the two. The AngularAppEngine depends on an internal manifest file that's inside the application builder.

[kurabirko]

Hi, I wasn't expecting the AppEngine to depend on the builder. A bit of a bummer really. I'll try to see and see if I can come up with something that works for me. Thanks for the reply!

[brandonroberts]

Here's an example repo I got working with AngularAppEngine and Nitro v3

https://github.com/brandonroberts/angular-nitro-v3