Latest updates for Server Side Rendering (SSR) in Angular V17

Learn about the latest updates for SSR in Angular. Find out how we’re giving developers a better smoother experience when creating applications that support server side rendering and hydration.
Check out our website → goo.gle/AngularDev
Watch more videos about Angular v17 → goo.gle/Angularv17
Subscribe to Angular → goo.gle/Angular
#Angular

[@albanx1]

I have to say with the latest ssr changes, I removed a lot of boilerplate build code that I used to build and copy the SSR code, well done Angular.

[@michaelfaith]

Great work on the new release

[@rodolfoa.calvojaubert9953]

There is a lot of problems with LocalStorage, document things that, is there somewhere to see what exactly is the things we cannot use? A good documentation became the official documentation i cant find anything

[@AmarSingh-uw1db]

Awesome ❤

[@neerajpathania261]

I am facing an issue with deply ssr angular aap. What is the best way to host it.

[@darkjuful]

Hello, this may not be the place to discuss this, but I was reading an issue on github of the ionic framework (issues/28534) that comments on excellent feedback about being able to add support for web components to angular/ssr. They plan to add this support in the future?

[@user-ku2xk9uc8x]

a comparison review between nextjs and Angular framework on SSR/SSG?

[@DavidSchmidt07]

This would be great

[@sachin.tandon]

How do I use Angular SSR, with Spring Boot Kotlin? Do you have a written guide somewhere?

[@DavidSchmidt07]

Does anyone know of any advanced setup examples of angular/ssr that has additional api endpoints defined? The offical docs say "This server can be extended to support other features such as API routes, redirects, static assets, and more." but i cant find anything beyond the basics. Im trying to decide if I should use angular/ssr or sveltekit for a project.

[@albanx1]

The server that handles the SSR at the end of the day it is just an express server, you will see that the basic examples handles the angular routes, and static files: // static files server.get('*.*', express.static(browserDistFolder, { // Angular routes server.get('*', (req, res, next) => { you can extend it to handle your custom API (but honestly I do not see the point doing that) like: server.get('/api', (req, res, next) => { I would still keep the API separated from the SSR service

[@LarsRyeJeppesen]

Really struggling with i18n and ssr. Hope they address it

[@jonathangamble]

We need to remove express dependency so we can deploy it on the edge!!!

[@user-bf7du4tk8l]

When viewing the page code, I do not see the part that is displayed during requests in the onInit block, if I can only render static information, then SSR is simply useless

[@Angular]

Can you explain a bit more of what you mean? Trying to figure out if this is an issue we should raise on GitHub. Any more information would be helpful, thank you!

[@user-bf7du4tk8l]

@@Angular Sorry, it was a problem with the testbed certificate (rejectUnauthorized: false). Thank you for your work

[@Angular]

@@user-bf7du4tk8l So glad you found a solution! If anything comes up, let us know

[@user-iu1xg6jv6e]

I've tried it in a new fresh project and it's not stable!

[@LarsRyeJeppesen]

Very stable for us

[@kylerjohnson988]

Stable for me, too. What issues are you running into?

[@Sky-sk2cl]

Same for is very stable

[@Angular]

Hmm, what's the issue that you are having?

[@user-iu1xg6jv6e]

​@@Angular Sum up: Seems I was wrong, and if something is wrong, more likely not related to SSR. As I recall 1. I was not seeing content in page source 2. errors were thrown in `ng serve` even after error is fixed. I've just tried to recreate what I did before: `ng serve` is working fine with initial template, then tried to change app.component's template, I tried adding @defer viewport (without @placeholder), I got an error, fixed it and saved, then changed the template in @defer and @placeholder few times But couldn't see the changes in browser!

[@kartikwatwani]

Receiving error Schematic "ssr" not found in collection "@schematics/angular". on running ng add @angular/ssr

[@AlainBoudard]

Feel a little bit sad for the very name Angular Universal ? 🥲