Amplify-js: Angular Universal SSR Support

[jbeckton]

Amplify CLI Angular projects should support Server Side Rendering. For SEO purposes we need SSR, I know of other ways to deploy an Angular Universal app into a Lambda Function via the Serverless Framework tooling. I would prefer to use the Amplify tooling so I do not have to mix and match various tool chains.

Thanks

[sammartinez]

@jbeckton Thanks for the feedback! I am marking this as a feature request and moving the issue to our JS repo.

[adrian-goe]

Hello, is there an update on this?
Or how can we support?

[Arunaliyanaarachchi]

Is there any Update on this ..? whole my application is screw because of this.is there any alternative for this ..?. either i can have SSR or No.

[thenetimp]

also looking for an update to this

[GavinSawyer]

Would love to see this happen. SSR is essential for any major app!

[sammartinez]

All,

Wanted to give you an update here, we are actively working on an SSR feature for Amplify. While we don't have a date for the feature to be out I wanted to share that we are working on this.

Thanks!

Sincerely,
The Amplify JS team

[rudyhadoux]

Hi,

Maybe with scully.io ?

[vidhyasagarj]

Any update on this item ?

[MaazDev]

@vidhyasagarj I don't know if it also works for angular universal but there is something in preview for nextjs https://github.com/aws-amplify/amplify-js/issues/5435#issuecomment-655660103

[dahero95]

it was already released for next.js and nuxt.js, will there be support for angular universal?

[ericclemmons]

@dahero95 I'm not an expert on SSR with Angular. Can you give it a go & report back? If it fails, with a sample repo so I can look into specifics? 🙏

[jbeckton]

@sammartinez My original attempt was me trying to run an Angular SSR app inside a Lambda Function, but I think if you guys could support an additional Hosting option so that we could deploy our app inside ECS (Node.js) container then it should work. Previously I was trying to use a Lambda function to host my app but it was really painful given the way Amplify tooling works. If we could just copy the dist folder into a Node.js Container and deploy that then we should be good to go.

[ericclemmons]

@jbeckton Are you having issues with the Amplify JS client library in your Angular SSR app, or are your issues more related to hosting it?

[jbeckton]

I never ended up using Amplify due to the issues around SSR, I absolutely have to have it. My issues were related to hosting since I never actually got my solution deployed I can only assume the library works as expected running in Node.

[ericclemmons]

I understand. I can't speak to the deployment story for Angular with SSR (EC2? Vercel? Serverless?) as well a I can for React/Next.js/etc..

But I don't feel we can close this until we validate withSSRContext behavior works _with_ Angular SSR:

https://angular.io/guide/universal

[vidhyasagarj]

Any update on this?

[abbasaleid]

Any updates?

[bcs-gbl]

+1