update example

Author: trishouser

angular.json

@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/angular-example",
+            "outputPath": "dist/angular-example/browser",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": [
@@ -91,6 +91,59 @@
             ],
             "scripts": []
           }
+        },
+        "server": {
+          "builder": "@angular-devkit/build-angular:server",
+          "options": {
+            "outputPath": "dist/angular-example/server",
+            "main": "server.ts",
+            "tsConfig": "tsconfig.server.json"
+          },
+          "configurations": {
+            "production": {
+              "outputHashing": "media"
+            },
+            "development": {
+              "optimization": false,
+              "sourceMap": true,
+              "extractLicenses": false,
+              "vendorChunk": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve-ssr": {
+          "builder": "@nguniversal/builders:ssr-dev-server",
+          "configurations": {
+            "development": {
+              "browserTarget": "angular-example:build:development",
+              "serverTarget": "angular-example:server:development"
+            },
+            "production": {
+              "browserTarget": "angular-example:build:production",
+              "serverTarget": "angular-example:server:production"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "prerender": {
+          "builder": "@nguniversal/builders:prerender",
+          "options": {
+            "routes": [
+              "/"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "angular-example:build:production",
+              "serverTarget": "angular-example:server:production"
+            },
+            "development": {
+              "browserTarget": "angular-example:build:development",
+              "serverTarget": "angular-example:server:development"
+            }
+          },
+          "defaultConfiguration": "production"
         }
       }
     }

package.json

@@ -6,7 +6,11 @@
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "test": "ng test",
+    "dev:ssr": "ng run angular-example:serve-ssr",
+    "serve:ssr": "node dist/angular-example/server/main.js",
+    "build:ssr": "ng build && ng run angular-example:server",
+    "prerender": "ng run angular-example:prerender"
   },
   "private": true,
   "dependencies": {
@@ -17,10 +21,14 @@
     "@angular/forms": "^15.2.0",
     "@angular/platform-browser": "^15.2.0",
     "@angular/platform-browser-dynamic": "^15.2.0",
+    "@angular/platform-server": "^15.2.0",
     "@angular/router": "^15.2.0",
+    "@nguniversal/express-engine": "^15.2.1",
     "@tryabby/angular": "^0.1.2",
     "@tryabby/core": "^3.4.0",
     "@tryabby/devtools": "^3.3.0",
+    "domino": "^2.1.6",
+    "express": "^4.15.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.12.0"
@@ -29,7 +37,10 @@
     "@angular-devkit/build-angular": "^15.2.1",
     "@angular/cli": "~15.2.1",
     "@angular/compiler-cli": "^15.2.0",
+    "@nguniversal/builders": "^15.2.1",
+    "@types/express": "^4.17.0",
     "@types/jasmine": "~4.3.0",
+    "@types/node": "^14.15.0",
     "autoprefixer": "^10.4.14",
     "jasmine-core": "~4.5.0",
     "karma": "~6.4.0",
@@ -41,4 +52,4 @@
     "tailwindcss": "^3.3.2",
     "typescript": "~4.9.4"
   }
-}
+}