Prerendering
Prerendering is the generation of web-page HTML before it is requested or served, typically as prebuilt files.
Modern Angular
Static site generation is the process of producing web pages as prebuilt files before deployment rather than generating them for each request.
- How it is used
- Uses build-time rendering for mostly static Angular pages that can be deployed and served without per-request generation.
- How deep it goes
- Explains route discovery, configuration, build output, deployment, and host fallbacks, while deferring server-specific configuration details.
- Examples
- Demonstrates an HRMS promotional site with about-us and subscriptions routes, generated browser artifacts, and an optional routes file.
- What you can do after
- Operate/configure Angular prerendering, build static HTML with ng build, and deploy the resulting browser artifacts.
Pro Angular 16
Prerendering is the generation of an application's HTML documents before they are sent to browsers, before client-side JavaScript executes.
- How it is used
- Reduces the empty-screen wait during application startup by serving HTML while JavaScript downloads.
- How deep it goes
- Defines static route documents generated once, contrasts them with per-request SSR, and notes that snapshots miss later shared-state changes.
- Examples
- Demonstrates an Angular application prerendered with `npm run prerender`, served over HTTP, and tested with JavaScript disabled or a slow network.
- What you can do after
- Operate an Angular prerender workflow by generating static files and serving them with a separate HTTP server.
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.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.