Step 2 - Enable SSR

Author: klerick

apps/host-application/project.json

@@ -32,7 +32,12 @@
           }
         ],
         "styles": ["apps/host-application/src/styles.css"],
-        "scripts": []
+        "scripts": [],
+        "server": "apps/host-application/src/main.server.ts",
+        "ssr": {
+          "entry": "apps/host-application/src/server.ts"
+        },
+        "outputMode": "server"
       },
       "configurations": {
         "production": {

apps/host-application/src/app/app.routes.ts

@@ -1,13 +1,17 @@
 import { Route } from '@angular/router';
 import { loadModule } from '@klerick/nx-angular-mf/loadModule';
 
-export const appRoutes: Route[] = [{
-  path: '',
-  loadComponent: () => import('./nx-welcome.component').then(r => r.NxWelcomeComponent)
-},   {
-  path: 'first',
-  loadChildren: () =>
-    loadModule<{ firstRoutes: Route[] }>('firstRemote/FirstRemoteRoute').then(
-      (r) => r.firstRoutes
-    ),
-},];
+export const appRoutes: Route[] = [
+  {
+    path: '',
+    loadComponent: () =>
+      import('./nx-welcome.component').then((r) => r.NxWelcomeComponent),
+  },
+  {
+    path: 'first',
+    loadChildren: () =>
+      loadModule<{ firstRoutes: Route[] }>('firstRemote/FirstRemoteRoute').then(
+        (r) => r.firstRoutes
+      ),
+  },
+];