Angular Universal on Youtube

Maxic Solutions Started angular universal tutorial on youtube and blog. Both tutorials on youtube and blog will help to understand easily in angular universal. This is first my voice-based tutorial of this channel.

What is Angular Universal?

Angular universal is a technique is used for server-side rendering. I explain the server-side rendering concept below. Angular Universal is a project organized by angular team members.

What is Server-Side Rendering?

I tell short description, it is understood easily, what is angular universal. javascript is a client-side language. Some people ask a question we are using angular, angular using a typescript?

Typescript has finally translated a javascript only in the production version of angular. Javascript cannot run on the server-side. If I want to run javascript on the server-side, we need to implement the server-side rendering using some server-based languages such as PHP, node js, Python, etc.

Why Server-side Rendering?

Server-side Rendering is used to render the full HTML page on the server

Terminologies of SSR and CSR

  • SSR: Server-Side Rendering – rendering a client-side or universal app to HTML on the server.
  • CSR: Client-Side Rendering – rendering an app in a browser, generally using the DOM.

Reference Link

https://developers.google.com/web/updates/2019/02/rendering-on-the-web

Real Case Scenario of Server-Side Rendering

If Your Friend wants to share your website on Facebook.If you develop a web application on angular or react or javascript.Your Website not able to share on social media

Example Story for SSR

Characters: Jhon- Social Media Marketer, Jack -Developer

Jack developed an eCommerce site named flipka.com on the angular framework. flipka.com is a shopping site likes Flipkart.

Without Server Side Rendering?

Jhon– Hi jack flipka site is finished?

Jack – Hi, I finished the flipka site, you can start sharing on social media marketing on Facebook

Jhon– Oh my god I was not able to share our products on facebook what happened?

Note: Not only affect social media and affect SEO Also. More Details Visit

https://angular.io/guide/universal

Why I Started Angular Universal?

I am working on this blog maxicsolutions.com from 2013 – 2020. It’s successful . Now I revert back to WordPress due to some constraints.

Angular Universal Constraints

You need to consider web hosting, in angular universal runs on node js only. Basically shared web hosting doesn’t have a facility to run node js on the server. You need to buy a separate VPS or cloud-based server for running node js. Cloud-based servers are AWS, Digital ocean, Google cloud, etc