Chapter 3. Server-Side Rendering

How does a normal app render?

Let's first take a look at how a normal Angular application without server-side rendering behaves.

When we start our server in development mode, using ng serve, and we use the View Source option in our browser to check the source, we see that the only thing that gets rendered is the output from our src/index.html file, with a few scripts appended at the bottom.

These scripts will be downloaded by the browser and after they have been downloaded and executed, the application will display:

Server-Side Rendering

While this works in some situations, in others this can become problematic. If the user of your app is ...

Get Beginning Server-Side Application Development with Angular now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.