Server Side Rendering (SSR) in Angular v16

Learn about the exciting new hydration features coming to Angular apps using Server Side Rendering (SSR). Want to try out this feature? Now you can in Angular v16!
Learn more about Angular v16 → goo.gle/angula...
Watch more videos about Angular v16 → goo.gle/Angula...
Subscribe to Angular → goo.gle/Angular
#Angular

[@Angular]

Learn more about Angular v16 → goo.gle/angular-v16

[@fatihersoy7559]

SSR was the bleeding side of Angular. It feels good that it started to get updates. It's also too hard to apply SSR partially on the application. I hope integrating SSR with Angular applications will be easier.

[@_dinesh]

There is no proper guidance on the TransferState API, to send data from server to client. I would really appreciate if Angular team could add more documentation on this.

[@szymon2806]

I made an SSR application (with nest.js on the backend), it was very easy, but components that fetch data from API are not visible in the webpage source (ctrl + u) so they will not be visible for crawlers. All solutions that I found used deprecated methods :/

[@geek.engineers]

Why don't you use Angular Dev Tools itself?

[@ahmedrashad494]

Hello
i need help regarding the SSR,
i got two folders inside dist folder first one is browser and second one is server, i want to upload the project in public_html on VPS but i do not know which folder should upload ,
Thanks

[@heycolleagues]

dist/projectname/browser

[@CodingAbroad]

When you are referring to ssr do you specifically mean angular universal?

[@Angular]

Angular Universal is the server side rendering library Angular has used for SSR. You can find out more here: angular.io/guide/universal

[@LarsRyeJeppesen]

That was fast

[@programmercouple]

Angular, you SSR-iously made our servers do the rendering jig! Thanks a ton! 😄🎉

[@geek.engineers]

Google technologies are awesome❤
I'm very satisfied with learning Angular as a professional front-end framework🎉

[@VarunJain15]

I am excited to have these features in V16, now angular is getting much more flexible and optimized day by day.

[@VasanthaKrishnan-mb2sz]

That's very awesome , Very good presentation Jessica

[@mohamedal-qadeery6530]

This is so cool cant wait getting back to angular !

[@Simon-yf7fo]

Y'all really felt too funny on this one 0:45, it was so random it actually got me haha. Thanks guys keep the great work up!

[@erickreyes4485]

amazing work in angular team, congrats

[@pandiarajanrajinbam]

Lovely 🎉

[@JohPi]

Hello, I'm using Angular version 12.1.1 with server-side rendering, but the initial page load speed is very slow. I've tried various methods, but haven't seen any improvement. Could you guide me on how to address this issue? Thank you very much.

[@Zak-tc3bp]

Is this a new feature or does it concern Universal Angular? Does this bypass errors: ERROR ReferenceError: $$$? What about API call errors? Because currently unless you completely refactor the code or think about that from the start of development Universal is not really a good alternative in my opinion

[@nonipaify]

Does SSR in angular change the user experience as in when a user routes to another page, does it reload the page from the server (spinner in the browser tab) or does it navigate as usual?

[@armandmugabo1170]

great news

[@AfolabiJude]

So elephants can dance... Angular to the web!

[@RABWA333]

Keep on 🎉

[@adnctz]

🖖

[@ahmedhassan_saver]

Is this about angular universal?

[@Angular]

Yes, are you working on a project that can use these new features?