Universal Server Side Rendering stops Rendering Content after Installing PWA in Angular 6.0.3

Question

I've built a simple Angular 6 application and integrated Universal into it by following this tutorial: Angular Universal Tutorial

Link to GitHub repo that I created: Angular Universal SSR GitHub Repo

Universal SSR is working great, it renders content (both static and dynamic from Firebase Real Time Database and Firestore) without any issues, however, after I install PWA following the official documentations from PWA tutorial, Universal SSR stops working without any errors... but PWA works.

Can anyone tell me why SSR stops working after installing PWA?

Thanks in advance!

I'm having the same issue on https://tuinvoice.com/ , the first pageview the content is SSRendered OK, but after that it's always frontend rendered, did you manage to fix it? — SkarXa, Mar 05 '19 at 22:54

score 2 · Answer 1 · answered Nov 19 '19 at 14:32

I found something that worked for my website but I'm using a new version of angular and universal

    "@angular/core": "~8.2.4",
    "@angular/pwa": "^0.803.19",
    "@angular/service-worker": "~8.2.4",
    "@ng-toolkit/universal": "^7.1.2"

How to make Angular Universal and PWA work together?

score 0 · Answer 2 · answered Jun 18 '21 at 06:25

0

When you Angular PWA (service worker) to Angular SSR project.

Kindly add "navigationURLs:[]" in your ngsw-config.json file

The below screen shot will bind SSR html on view source.

answered Jun 18 '21 at 06:25

NiKhil Kutewalla

93
7

Universal Server Side Rendering stops Rendering Content after Installing PWA in Angular 6.0.3

2 Answers2