Converting an Angular SPA to SSR with Deployment - Angular Universal

In this video, we will convert an existing Angular Single Page Application ( SPA ) to a Server Side Rendered ( SSR ) application. As the application is calling Firebase to get the data, we will have to call Firebase from Server and render.

We will also setup Continuous Integration and Continuous Deployment using Github Actions and Netlify Configuration.

Timestamps
0:00 Intro
00:24 What is SSR ( Server Side Rendering )
02:40 Angular Universal Setup
07:05 Cookie vs SessionStorage
11:09 Auth Guard
16:59 Transfer State
19:55 Hosting
27:20 Cloud Function
30:04 Github Actions

#angular #angularuniversal #ssr #serversiderendering

[codeinvents]

Thank your for this explanation and source code too. Again thanks man. 😊

[nilbristi]

Can you create a video of the Angular 18 SSR deployment process on different servers?

[ahmedsallah]

when I tried to read translation files in assets folder it can't be generated

[RanadeepDirsipam]

when i run ng run projectname:ssr i got this error how to solve this error ERROR in Error during template compile of 'DropDownListModule'
Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'NgModule'
'NgModule' calls 'ɵmakeDecorator'.

[sanjaygundla]

Hi, I want implement Angular Server Side Render with Azure B2C packages. I tried it but getting Browser AuthErrror whenever I am running npm run prerender command.
Azure B2C packages - @angular-browser and @angular-
Error message - Prerendering failed 1 route - Browser Auth -Browser msCrypto interface is not available
Can you please help me on this?

[raniioranny]

You are explaining the thing like people hearing this video know everything about it bro no use in watching this video