Questions tagged [angular-universal]

Angular Universal is a server-side rendering module for Angular applications.

Better Perceived Performance

First time users of your application will instantly see a server rendered view which greatly improves perceived performance and the overall user experience. According to research at Google, the difference of just 200 milliseconds in page load performance has an impact on user behavior.

Optimized for Search Engines

Although Googlebot crawls and renders most dynamic sites, many search engines expect plain HTML. Server-side pre-rendering is a reliable, flexible and efficient way to ensure that all search engines can access your content.

Site Preview

Ensure that Facebook, Twitter and all other social media apps correctly display a preview image of your app.

Latest Stable Version:

angular 9.x  - (February 6, 2020)

Bits

1755 questions
0
votes
3 answers

Http calls are made twice in angular universal

Http calls are made twice in angular universal on the initial load,I tried applying transferstate and also done the caching mechanism in my project,still nothing happens. if (isPlatformBrowser(this.platformId)) { return this.http.get(baseApi +…
0
votes
1 answer

How to host Angular Universal 9 on Azure App Service?

I have 2 applications in: Angular Universal 9 & standard Angular 9 and I have to host them on the same App Service (Stack: .NET 4.7 with node.js 12.13.0). Currently an app with Angular 9 is working but I have a problem with deploying an app with…
Mariusz D.
  • 43
  • 1
  • 7
0
votes
1 answer

Convert Angular 8 application to static using Angular Universal

I have recently purchased a theme built using Angular 8.1.2 from Themeforest. My client wants a fully static (HTML + vanilla JS) version of this theme, to use in a fully server side rendered application. Themeforest only had React and Angular…
Shuaib
  • 779
  • 2
  • 13
  • 47
0
votes
0 answers

How to share same image on messenger and facebook via meta tags Angular?

I am dealing with problem of sharing same image on messenger and facebook in Angular PWA app. Whole thing is done using tags in html. The problem is in size of image, the photo is in recommended size for Facebook 1200x630px and it shows correct.…
0
votes
1 answer

Angular 9 Universal Server Side Rendering GRPC Error

I cannot get npm run build:ssr && npm run serve:ssr to run correctly. I have added Angular Universal to my project with: ng add @nguniversal/express-engine --clientProject SampleAngularApp npm run build:ssr runs and builds perfectly but npm run…
user10181542
  • 1,210
  • 3
  • 16
  • 37
0
votes
1 answer

Does ngx-cookie-service a complete way to do authentication for Angular Universal apps

I'm building an Angular Universal MEAN (MongoDB, Express, Angular, Node) app, but I'm looking for the correct way to handle security. I know you can't use localStorage with Angular Universal. Is ngx-cookie-service a complete way to handle security,…
0
votes
0 answers

Applying SSR / social media sharing to selected routes in Angular 7

We made a late decision to implement social media sharing for Angular 7 project. As a first step of the re-write I wish to dynamically update social media tags for a particular route only ('/post/'). I am able to apply SSR on '/post/' using app.use…
0
votes
0 answers

Server-side render not actually "rendered" server-side?

I have implemented Angular Universal server-side rendering according to documentation (and examples i've found online) and can see that it is working (mostly) as I expected. My API endpoints necessary to render the initial page are all happening…
0
votes
0 answers

Is Accessing website public url from the same machine goes throw the internet?

When I was building my web application I deployed it as two project a Webapi server and a Frontend using Angular. Anyways, for SEO and other consideration I used nodejs server to Server Side Rendering My Angular Application. And lets say that my…
0
votes
1 answer

angular universal, d3, ERROR ReferenceError: fetch is not defined

This problem also occurs in angular universal: I try to install node-fetch-polyfill and import it. //npm install node-fetch-polyfill import * as fetch from "node-fetch-polyfill"; ngOnInit() { if (typeof fetch !== 'function') { (global…
Finn
  • 1,323
  • 5
  • 24
  • 46
0
votes
1 answer

ngx-translate doesn't display translation in server mode but renders HTML

My angular app renders server side with universal, I get the translations in the browser but in the source code it only renders the HTML output and not the translations.

{{ 'PAGES.LANDING.HOW_2' | translate }}

0
votes
2 answers

"Can't resolve all parameters for ApplicationModule: (?)." when running with Angular SSR

I have set up SSR for my Angular 9 project, and when I run ng run :serve-ssr, I get this error: Can't resolve all parameters for ApplicationModule: (?). When I run the project with ng serve, everything works fine. What am I doing wrong…
Bart van den Burg
  • 2,166
  • 4
  • 25
  • 42
0
votes
2 answers

How to apply Angular-Universal in Multi-project/Workspace?

I Need to Install angular-universal in my Workspace/Multi-Project Application.But the worst case is that I can't able to find any Document/video reference in angular.io(Official Website).They are demonstrated for only single project. Need Step by…
0
votes
1 answer

client app not found angular universal when adding

I'm using this Angular to universal SSR but the project angular version is 7, i am adding SSR to existing solution but not still geting this error "Client app xxx not found.".... ng add @nguniversal/express-engine --clientProject angular.io-example
SHUBHASIS MAHATA
  • 873
  • 7
  • 12
0
votes
1 answer

angular SSR deployment in Cpanel

I'm trying to deploy an angular universal project on Cpanel I uploaded the file and installed it in subdirectory public_html/aqar_front i added htaccess in public_html with the following code DirectoryIndex disabled RewriteEngine On RewriteRule ^$…
maali
  • 133
  • 3
  • 8