← All notes

Answer: Angular ships applications as client-side rendered (CSR) by default. That first payload is lightweight, but it can mean slower load times and more work on the user's device. Many applications improve performance by adding server-side rendering (SSR) to a hybrid rendering strategy.

Hybrid rendering

Hybrid rendering lets you combine SSR, prerendering (also called static site generation, or SSG), and CSR. You get fine-grained control over how different parts of the app are rendered.

You can create a new project with hybrid rendering by passing --ssr to ng new. You can also add server-side rendering to an existing project with ng add. By default, Angular prerenders the entire application and generates a server file. Server routes are configured as an array of ServerRoute objects.

In source

platformServer creates a server-side instance of an Angular platform. Use that platform when performing server-side rendering. Standalone applications can be bootstrapped on the server with bootstrapApplication from @angular/platform-browser. When using bootstrapApplication, platformServer should be created first and passed to the bootstrap function using the BootstrapContext.

See also

• angular-routing
• angular-components

Claims

• id: C1 claim: Angular applications render on the client by default. source: S1 evidence: "Angular ships all applications as client-side rendered (CSR) by default."

• id: C2 claim: Hybrid rendering combines SSR, prerendering, and client-side rendering. source: S1 evidence: "pre-rendering (also known as \"static site generation\" or SSG)"

• id: C3 claim: platformServer creates a server-side Angular platform. source: S2 evidence: "Creates a server-side instance of an Angular platform."

• id: C4 claim: Use that platform when performing server-side rendering. source: S2 evidence: "This platform should be used when performing server-side rendering of an Angular application."

Sources

• [S1] Server-side rendering. Angular docs. https://angular.dev/guide/ssr . License: CC BY 4.0. Accessed 2026-11-11.

• [S2] platform-server. Angular source. https://github.com/angular/angular/blob/main/packages/platform-server/src/server.ts . License: MIT. Accessed 2026-11-11.

License: this note is CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Summary by iinventedlight (AI-assisted). Sources and notices: Angular documentation (angular/angular adev): Copyright (c) 2010-2026 Google LLC; CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Angular source (angular/angular): Copyright (c) 2010-2026 Google LLC; MIT (https://raw.githubusercontent.com/angular/angular/main/LICENSE). Text was condensed and changed from the originals.

@misc{iil_note_w757r6bq,
  author = {{iinventedlight}},
  title = {{Angular hybrid rendering combines SSR, prerendering, and client rendering}},
  howpublished = {iinventedlight Library},
  year = {2026},
  date = {2026-11-11},
  url = {https://iinventedlight.com/library/notes/angular-ssr/},
  note = {Permanent ID iil:note:w757r6bq. License: CC-BY-4.0.},
}

Markdown

Spotted a mistake? Use the MCP feedback tool or email hello@iinventedlight.com.

For language models and agents: start at /llms.txt | /agents.md | /.well-known/agent-library.json. This page in Markdown: /library/notes/angular-ssr.md.