Server-side rendering (SSR) with Angular Universal 

I really like your explenation about SSR .. nice and easy to follow

Very informative 👍 Thanks for sharing this video 🙏

Really made SSR simple. Thank you.

you video has reached every where and is helpful thank for this you are a good 👍 teacher

Hey Hi, I have a query regarding angular universal, is there a way to use gsap (greensock) or jquery animation in my project after angular universal rendering..

Great information.Waiting for how to deploy the application.thanks.

When you make a component and use it as a web page, does it's HTML also gets rendered if you apply SSR?

Great video! Subscribed.

sir i was do this on local first of all add angular universal in my app after that make ssr build and ssr serve then i'm getting the source code and then upload the dist folder on the server (inside it browser and server two folders are present) all browser files move to the main html directory and run this command pm2 start dist/server.js but cant see the source code of the page cant understand what to do...if u understand my problem then plz help me thanks in advance...

Can I generate production build with both PWA/Service worker and App Shell both ? or this are separate features cannot be placed in one single production build. or yes i.e. can be generated can anyone please let me know how ?

Thanks you save my time.

Thank you so much brother

Hey i uploaded my website on azure static web but after that my routes are not working due to prerendering and idea how to solve that

You've made it so easy, thank you for your efforts!

Good work Subrat

This is mindblowing

Hello sir, Nice to see the SSR, I follow steps but I am getting an error for sessionstorage and FormData in SSR.Can you help me for it sir?? Thanks

great video!!

Better tutorial then official one :D

Thank you!

Clear explanation!

Hi, thanks for explanation. If possible please make lazy loading in angular SSR..

after done Universal SSR my deb uploaded on same server where my main files are runing. i don't know but runing well and all working good. but i have one problem after scanning with Screaming Frog SEO Spider or some tools. same result happen only 1 main web site links is there. how to solve it

great tuto thx

how can i use both ssr and csr?

Thank a lot!!!

Good job, Keep it up

How can i use both csr + ssr

Hi.. This --proxy-config proxy.conf.json working only for normal Angular. But how to add proxy config for SSR?

How to make for production this code

How to deploy prod 'build:ssr' has generated on AWS S3? There is a browser and server folder but which one should I upload on the server?

Thanks mate.

I have an angular 8 SSR app that causes memory leaks on the server it keeps on increasing memory on the server when the application is in use and opened by many users.Also I have Unsubscribe all the subscriptions on ngOnDestroy but doesn't work, still memory leaks persist Not able to find whats the issue and whats the correct way to solve the problem Please help

Hi i have integrated universal to my existing project and hosted on firebase. Also i am using dynamic meta tags when changing router. I can see og meta tags in view souce. When sharing to fb some urls crawling and show fb card. But some url not crawling. Please let me know the reason.

Got problem SSR are not working on serve:ssr command. On dev:ssr is ok.

Thank you. I couldn't figure out how to get my components to work

npm run prod:ssr is not working with npm run serve:ssr? any idea

This is not working when there is browser animation. I mean installation couldnt resolve peer dependencies while adding @nguniversal/express-engine

sir i'm completely setup angular universal in my project. But when i'm uploading the build on the server then not get the source code of the page. Only get the source code on serve the app.

Does SEO work just as well with dist/browser (CSR) as dist/server (SSR)? If I want my website to be SEO friendly does it need to be run on a server using node?

Can we run angular universal SSR for only specific routes?

Hi, I started creating just a front end app using universal but i have to access 3rd party API which is giving cors error. I created a mock node.js server to bypass cors for development purpose but what to do after deployment ? Thanks.

How can we do SSR in big app which has authentication, session ( services, components and modules) please reply sir...🙏🙏🙏

So just to test things out after build:ssr I did this. 1) I edited dist/server/main.ts I changed 'home works!' to 'home-server works!'. 2) I edited dist/browser/main.***.ts I changed 'home works!' to 'home-browser works!'. Then I ran serve:ssr. I set the browser to localhost:4000. Pressing the home button shows "home-browser works'. This indicates to me that serve:ssr runs the dist/browser version of the code not the dist/server version of the code as one would expect. I did some research and found out that main.ts in server quickly redirects to the browser main.***.ts. This gives one the feeling that SEO will work in theory but in practice search engine crawlers do not use Javascript. What really needs to be done is npm run prerender. It creates a different structure in dist than this video proposes. I performed the above checks with prerender and tested by turning javascript off in chrome. I saw home-server works on the browser. So that proves it works!

Angular SSR is slow, is there any option to make it fast

how to build then? with ng build?

how to implement it in already running project?

Nice

Hi, I am exploring angular universal and I have one question, will it be possible to use angular universal for entire app?

I got document is undefined error Please help.,. 🙄

im getting issues on using localstorage and window (), is there a global fix for these?

i got a big error when trying to run dev:ssr. It sems like the whole main.js file is getting printed in console. So when i try to serve it ReferenceError: self is not defined referring to main.js file

I m asking you some question

Error: You must pass in a NgModule or NgModuleFactory to be bootstrapped at View.engine (D: g\mudit\jabonline\dist\server.js:48567:23) at View.render (D: g\mudit\jabonline\dist\server.js:160914:8) at tryRender (D: g\mudit\jabonline\dist\server.js:156964:10) at Function.render (D: g\mudit\jabonline\dist\server.js:156916:3) at ServerResponse.render (D: g\mudit\jabonline\dist\server.js:168483:7) at D: g\mudit\jabonline\dist\server.js:138:9 at Layer.handle [as handle_request] (D: g\mudit\jabonline\dist\server.js:160342:5) at next (D: g\mudit\jabonline\dist\server.js:159263:13) at Route.dispatch (D: g\mudit\jabonline\dist\server.js:159238:3) at Layer.handle [as handle_request] (D: g\mudit\jabonline\dist\server.js:160342:5)

Can you make a video on onPush change detection strategy. How to use it in our application and explain about it tricks and tips.

I want to deploy the build with my pythonanywhere server. Where node server is not available. Is it possible to deploy ssr build without your node / express .

hello sir i have successfully installed ssr in my project.I just need a little bit of ur help. When i serve the ssr build then it show's only static data on the place of dynamic data it show like this . What i am doing wrong.Please help me to solve this isse. Thanks in advance

Nice Video Bro, I have some issue, as i am using API calls but unable to get the API Data in "View Source" it shows in Developer tools, please let me know is there any way to get the API data in View Source

Great video man, can you make one showing how to configure and deploy with docker?

my project Error: You must pass in a NgModule or NgModuleFactory to be bootstrapped

is it possible to make only one module (ssr)

angular 13 is not working

Really lots of talk for nothing ? i am actually looking an example , in past i have issue with dynamic html render, say a complete page coming from database including javascript in it , how can i render that ?

Say Is, Using and Browser please 😝

Bhai theory na btake troubleshooting btata to acha hota.

atleast provide subtitles

What's that weird broken accent? Geez that's very annoying. Bye!

One of the worst english pronunciation I ever heard but but thanks buy the way.

you do lot's of talk. instead code and explain. Not so useful video.

Not able to it. When i am running the command - ng add @nguniversal/express-engine It says Packages installation failed giving warning as 1. Unable to find compatible package. Using 'latest' tag. 2. Package has unmet peer dependencies. Adding the package may not succeed.