Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add support for Angular Universal

See original GitHub issue

Now that Angular Universal has landed and is properly supported through Angular CLI, we should also support it and provide an out-of-the-box DX for SSR (Server-Side Rendering).

Tasks:

Add universal support prompt (“Do you want server-side rendering?”)
Add needed template files (see https://blog.angular.io/angular-5-1-more-now-available-27d372f5eb4e)
Add server angular app for SSR
Create separate tool (or ngx-scripts addition?) to generate NodeJS server based on https://github.com/angular/angular-cli/wiki/stories-universal-rendering#step-1-prepare-your-app-for-universal-rendering
Add npm scripts to generate browser & server dist folder

See also https://github.com/angular/universal-starter for reference

Issue Analytics

State:
Created 6 years ago
Reactions:10
Comments:17 (9 by maintainers)

Top GitHub Comments

2reactions

sinediedcommented, Jan 30, 2019

Yes, currently localStorage is used as part of the HttpCacheService, but maybe it’s time to say goodbye to it and be more in favor of state management instead?

If would then simplify the work needed to make SSR working as a nice side-effect 😉

1reaction

captaincaiuscommented, May 9, 2019

😄 believe me it itched me a lot too and I’m still applying ointment. After many unsuccessful workarounds (and 30 minute builds) to resist it, I finally gave up.

Now my QA deployments take forever, but at least I can have SSR, service worker, and cordova builds living in harmony.

I’ll try to pitch in a bit on this when I have a chance.

Top Results From Across the Web

Server-side rendering (SSR) with Angular Universal

This guide describes Angular Universal, a technology that renders Angular applications on the server. A normal Angular application executes in the browser, ...

Angular Universal: Complete Practical Guide

This post will be a complete practical guide for getting started with Angular Universal. We are going to go start with an existing...

an adventure. Add angular universal support to… - Medium

1. Use the CLI. The angular CLI now supports generate universal which should save you a lot of typing time. In your application...

Angular Universal - server-side rendering for Angular.

Install Angular Universal and update project files: ... Use Angular Schematics to add Angular Universal to your project with one command: This is...

How To Use Angular Universal for Server Side Rendering

An Angular application is a Single-page App - it runs in a client's browser. Angular Universal, however, lets you also run your Angular...