How deeply does Pro Angular 16 cover prerendering?

Defines static route documents generated once, contrasts them with per-request SSR, and notes that snapshots miss later shared-state changes.

Prerendering

As explained in Pro Angular 16

Prerendering is the generation of an application's HTML documents before they are sent to browsers, before client-side JavaScript executes.

Prerendering generates static HTML documents at build time, so browsers can display application content while JavaScript downloads. Unlike server-side rendering, it avoids generating HTML for each request and requires no live application server to produce the pages. section 8.2 section 27.5

The trade-off is that each document is a snapshot: it does not reflect later changes to shared state or data. With JavaScript enabled, rehydration uses the prerendered HTML as the basis for browser-generated content. section 27.5 section 27.5.2

Generate and serve the HTML

Run `npm run prerender` to create static files, then serve the output directory with an HTTP server. Testing with JavaScript disabled shows the HTML pages; enabling JavaScript demonstrates rehydration. section 27.5.2 section 8.2.5

Listing 27.27. Prerendering the example application

npm run prerender

The command used to prerender the example application. section 27.5.2

How Pro Angular 16 covers it

liveBook manning.com

Read Pro Angular 16 on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Modern AngularStatic site generation is the process of producing web pages as prebuilt files before deployment rather than generating them for each request.

Compare how 2 books explain prerendering →

Related concepts

HTMLproduces · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
server-side renderingalternative to · A web-rendering technique in which a server generates a user interface’s markup or other rendered representation before delivering it to a client.
static HTML representationproduces · A static HTML representation is an HTML rendering of an application that can be served without dynamically executing the application first.
frameworkcontrasts with · A software framework is a reusable structure that provides components, conventions, services, or extension points for building applications or other software systems.
angular.jsonconfigured by · angular.json is the Angular CLI workspace configuration file that defines project settings and command configurations.

This explainer was generated by Manning's knowledge graph from the text of Pro Angular 16. The section links point to the parts of the book it draws on.