adding support for platform-server (server-side rendering) using Angular CLI

- [ ] bug report -> please search issues before submitting
- [*] feature request

Versions.

@angular/cli: 1.3.1
node: 7.10.0
os: linux x64
@angular/animations: 4.3.5
@angular/common: 4.3.5
@angular/compiler: 4.3.5
@angular/core: 4.3.5
@angular/forms: 4.3.5
@angular/http: 4.3.5
@angular/platform-browser: 4.3.5
@angular/platform-browser-dynamic: 4.3.5
@angular/platform-server: 4.3.5
@angular/router: 4.3.5
@angular/cli: 1.3.1
@angular/compiler-cli: 4.3.5
@angular/language-service: 4.3.5

Feature request proposal

angular/universal has been merged into Angular 4.0, and we already know it as platform-server, and eveyone links to this directory to points out that universal lives inside Angular from now! Unfortunately, the problem is there is no official documentation tutorial on angular.io website to clarify how to use platform-server, or what’s the correct way to use platform-server, and users should struggle around to find an unofficial way to create their own server config, and other options to add server-side rendering for their website. It’s fine as long as they can run their app with platform-server support, but the problem is when it comes to a bigger community, we need to have a unified method of creating things for better support and faster development. For that unified method of using platform-server, I think first of all the angular.io should write about platform-server as the official document of Angular, the other thing is that would be great if users could simply add support for platform-server simply by using Angular CLI.

The feature request I am asking for is a way to creating or adding support for platform-server using Angular CLI

[glebmachine]

Yeah, i’m waiting about a half year, for universal support from the box. I don’t understand why so demanded functionality is still ignoring by core team

[pabl-o-ce]

@hansl I follow the universal-rendering.md step by step… but when I build the project I get and error of following the step 3 Step 3: Create a new project in .angular-cli.json The error show me that when I add in the app array of angular-cli.json the server config when I remove this there is no problem

Error output

InvalidConfigError: Parsing ‘/website/.angular-cli.json’ failed. Ensure the file is valid JSON.

Version

"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "core-js": "^2.4.1",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.3.2",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@angular/platform-server": "^4.2.4",
}