• Overview
@angular/ssr

provideServerRendering

function

Configures server-side rendering for an Angular application.

API

  
    function provideServerRendering(  ...features: ServerRenderingFeature<ServerRenderingFeatureKind>[]): EnvironmentProviders;
  
  

provideServerRendering

Configures server-side rendering for an Angular application.

This function sets up the necessary providers for server-side rendering, including support for server routes and app shell. It combines features configured using withRoutes and withAppShell to provide a comprehensive server-side rendering setup.

@paramfeaturesServerRenderingFeature<ServerRenderingFeatureKind>[]
  • Optional features to configure additional server rendering behaviors.

Description

Configures server-side rendering for an Angular application.

This function sets up the necessary providers for server-side rendering, including support for server routes and app shell. It combines features configured using withRoutes and withAppShell to provide a comprehensive server-side rendering setup.

Usage Notes

Basic example of how you can enable server-side rendering in your application when using the bootstrapApplication function:

          
import { bootstrapApplication } from '@angular/platform-browser';import { provideServerRendering, withRoutes, withAppShell } from '@angular/ssr';import { AppComponent } from './app/app.component';import { SERVER_ROUTES } from './app/app.server.routes';import { AppShellComponent } from './app/app-shell.component';bootstrapApplication(AppComponent, {  providers: [     provideServerRendering(        withRoutes(SERVER_ROUTES),        withAppShell(AppShellComponent)     )  ]});
Jump to details