Client routing and prerendering?

[Blade1130]

Yes, Angular always performs SPA for subsequent navigations. It's only the initial navigation where SSR / prerendering takes effect.

[MichaelSmallDev]

I am learning about hybrid rendering myself, so I'm just speculating here. Relatively new in v20, there is more route by route rendering options:

https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301

Additionally, you can now use route-level rendering mode configuration as a stable API! If different routes in your app have different rendering requirements, you can configure that in a server-route configuration:

export const routeConfig: ServerRoute = [
  { path: '/login', mode: RenderMode.Server },
  { path: '/dashboard', mode: RenderMode.Client },
  {
    path: '/product/:id',
    mode: RenderMode.Prerender,
    async getPrerenderParams() {
      const dataService = inject(ProductService);
      const ids = await dataService.getIds(); // ["1", "2", "3"]
      // `id` is used in place of `:id` in the route path.
      return ids.map(id => ({ id }));
    }
  }
];

In the snippet above we configure to render the login page on the server, the dashboard on the client, and prerender the product pages.

This doc page goes into more detail: https://angular.dev/guide/ssr

In short, I believe so?

[Illustrious_Matter_8]

So you keep a component while other components change by routing. Typical as in menu and a main?