How do I know if the Angular is running in SSR?

Question

When I was running the Angular application, I tried to use the following code to determine whether the Angular app is running in SSR or CSR.

  const platformId = inject(PLATFORM_ID);
  console.log('Identify CSR: ', isPlatformBrowser(platformId));
  console.log('Identify SSR: ', isPlatformServer(platformId));

When I run it, the "Identify SSR" is true in the console in my VS Code, and the "Identify CSR" is true in the console in my browser.

How can I tell if it is actually running in SSR or not?

halfer · Accepted Answer · 2025-04-06 21:02:45Z

0

If you have "Identify SSR" is true in the VS Code console, that means the server is running your code before sending to the browser (if no SSR then VS Code won't log anything) -> so SSR is on.

If you had just "Identify CSR" is true in the console in your browser, then SSR is not present and you won't get any console messages in VS Code.

The usage of the two functions are as follows:

isPlatformBrowser -> Returns whether a platform id represents a browser platform.

isPlatformServer -> Returns whether a platform id represents a server platform.

An example of usage of these functions is, window and document do not exist on the server, so they will error out when you run the code on the server, by using the isPlatformBrowser, we can ensure the code that uses these objects never run on the server and only on the browser.

edited Apr 6 at 21:02

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Aug 19, 2024 at 20:31

Naren Murali

66.2k6 gold badges51 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Terry Windwalker Over a year ago

But it doesn't have the attribute "ng-server-context" in the app-root element. Is it still in SSR?

Naren Murali Over a year ago

@TerryWindwalker That feature has been removed github issue please check it for more details, but SSR will work fine without it is my understanding

Collectives™ on Stack Overflow

How do I know if the Angular is running in SSR?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related