angular universal with firebase hosting and cloud functions

Author: geeksilva97

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "happy-todolist"
+  }
+}

angular.json

@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/angular-serverside",
+            "outputPath": "dist/browser",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -121,8 +121,59 @@
               "devServerTarget": "angular-serverside:serve:production"
             }
           }
+        },
+        "server": {
+          "builder": "@angular-devkit/build-angular:server",
+          "options": {
+            "outputPath": "dist/server",
+            "main": "server.ts",
+            "tsConfig": "tsconfig.server.json"
+          },
+          "configurations": {
+            "production": {
+              "outputHashing": "media",
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "sourceMap": false,
+              "optimization": true
+            }
+          }
+        },
+        "serve-ssr": {
+          "builder": "@nguniversal/builders:ssr-dev-server",
+          "options": {
+            "browserTarget": "angular-serverside:build",
+            "serverTarget": "angular-serverside:server"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "angular-serverside:build:production",
+              "serverTarget": "angular-serverside:server:production"
+            }
+          }
+        },
+        "prerender": {
+          "builder": "@nguniversal/builders:prerender",
+          "options": {
+            "browserTarget": "angular-serverside:build:production",
+            "serverTarget": "angular-serverside:server:production",
+            "routes": [
+              "/"
+            ]
+          },
+          "configurations": {
+            "production": {}
+          }
         }
       }
-    }},
-  "defaultProject": "angular-serverside"
-}
+    }
+  },
+  "defaultProject": "angular-serverside",
+  "cli": {
+    "analytics": "4481ef3a-12dd-4d9f-b5ff-5dad09fd86b1"
+  }
+}

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist/browser",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "function": "ssr"
+      }
+    ]
+  }
+}

functions/.gitignore

@@ -0,0 +1 @@
+node_modules/

functions/cp-angular.js

@@ -0,0 +1,11 @@
+const fs = require('fs-extra');
+
+(async() => {
+
+    const src = '../dist';
+    const copy = './dist';
+
+    await fs.remove(copy);
+    await fs.copy(src, copy);
+
+})();