fix: added a build command that pre-renders

Author: cskiwi

README.md

@@ -8,7 +8,7 @@ This project is a Angular (With SSR) + Nestjs monorepo using Nx. It is a full-st
 Feel free to contribute to this project by creating a pull request. 
 
 - [ ] Check on how to build for bun runtime 
-- [ ] Pre rendering routes doesn't spin up the server, so the HTTP calls are not working.
+- [x] Pre rendering routes doesn't spin up the server, so the HTTP calls are not working.
       - Wouraround: Use full api url's (http://localhost:4200/api) instead of relative url's (/api)
       - And spin up the api before building
 - [ ] Create a material included starter

apps/api/src/main.ts

@@ -12,11 +12,11 @@ async function bootstrap() {
   const app = await NestFactory.create(AppModule);
   const globalPrefix = 'api';
   app.setGlobalPrefix(globalPrefix);
+  app.enableShutdownHooks();
   const port = process.env.PORT || 3000;
   await app.listen(port);
   Logger.log(
     `🚀 Application is running on: http://localhost:${port}/${globalPrefix}`,
   );
 }
-
 bootstrap();

bun.lockb

@@ -6,4 +6,4 @@ import { BackendTestModule } from '@backend/test';
   controllers: [],
 })
 export class AppModule {}
- 
+

libs/backend/root/src/app.module.ts

@@ -13,5 +13,7 @@ import { derivedAsync } from 'ngxtension/derived-async';
 })
 export class RootComponent {
   private readonly httpClient = inject(HttpClient);
-  movie = derivedAsync(() => this.httpClient.get(`/api/backend-test`));
+  movie = derivedAsync(() =>
+    this.httpClient.get(`http://localhost:3000/api/backend-test`),
+  );
 }

libs/frontend/root/src/root/root.component.ts

@@ -4,7 +4,8 @@
   "license": "MIT",
   "scripts": {
     "start": "nx run-many -t serve -p tag:scope:app",
-    "build": "nx build"
+    "build": "concurrently \"nx serve api\" \"bun run wait-and-build\" --kill-others --success last --kill-signal SIGINT",
+    "wait-and-build": "wait-on tcp:3000 && nx build app"
   },
   "private": true,
   "dependencies": {
@@ -66,6 +67,7 @@
     "@types/node": "20.12.12",
     "@typescript-eslint/eslint-plugin": "^7.10.0",
     "@typescript-eslint/parser": "^7.10.0",
+    "concurrently": "^8.2.2",
     "eslint": "~9.3.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-playwright": "^1.6.2",
@@ -78,6 +80,7 @@
     "ts-jest": "^29.1.3",
     "ts-node": "10.9.2",
     "typescript": "~5.4.5",
+    "wait-on": "^7.2.0",
     "webpack-cli": "^5.1.4"
   }
 }