NestJS

Author: vladotesanovic

client/app/app.component.css

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { ServerModule } from '@angular/platform-server';
+
+import { AppModule } from './app.module';
+import { AppComponent } from './app.component';
+
+@NgModule({
+  imports: [
+    AppModule,
+    ServerModule,
+  ],
+  bootstrap: [AppComponent],
+})
+export class AppServerModule {}

client/app/app.server.module.ts

@@ -0,0 +1 @@
+export { AppServerModule } from './app/app.server.module';

client/main.server.ts

@@ -0,0 +1,16 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../dist-server/",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "types": []
+  },
+  "exclude": [
+    "test.ts",
+    "**/*.spec.ts"
+  ],
+  "angularCompilerOptions": {
+    "entryModule": "app/app.server.module#AppServerModule"
+  }
+}

client/tsconfig.server.json

@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { ApiModule } from './modules/api/api.module';
+
+@Module({
+  imports: [
+    ApiModule
+  ],
+  controllers: [],
+  components: [],
+})
+export class ApplicationModule {}

server/app.module.ts

@@ -0,0 +1,10 @@
+import { Controller, Get } from '@nestjs/common';
+
+@Controller('api')
+export class ApiController {
+
+  @Get('hello')
+  root(): string {
+    return 'Hello World!';
+  }
+}

server/modules/api/api.controller.ts

@@ -0,0 +1,9 @@
+import { Module } from '@nestjs/common';
+import { ApiController } from './api.controller';
+
+@Module({
+  imports: [],
+  controllers: [ApiController],
+  components: [],
+})
+export class ApiModule {}

server/modules/api/api.module.ts

@@ -0,0 +1,33 @@
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+  entry: {  server: './server/main.ts' },
+  resolve: { extensions: ['.js', '.ts'] },
+  target: 'node',
+  // this makes sure we include node_modules and other 3rd party libraries
+  externals: [/(node_modules|main\..*\.js)/],
+  output: {
+    path: path.join(__dirname, 'dist'),
+    filename: '[name].js'
+  },
+  module: {
+    rules: [
+      { test: /\.ts$/, loader: 'ts-loader' }
+    ]
+  },
+  plugins: [
+    // Temporary Fix for issue: https://github.com/angular/angular/issues/11580
+    // for "WARNING Critical dependency: the request of a dependency is an expression"
+    new webpack.ContextReplacementPlugin(
+      /(.+)?angular(\\|\/)core(.+)?/,
+      path.join(__dirname, 'src'), // location of your src
+      {} // a map of your routes
+    ),
+    new webpack.ContextReplacementPlugin(
+      /(.+)?express(\\|\/)(.+)?/,
+      path.join(__dirname, 'src'),
+      {}
+    )
+  ]
+}