Add docker compose to run the app in docker + db

Author: DavideViolante

.gitignore

@@ -1,6 +1,7 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
+/data
 /dist
 /tmp
 /out-tsc

Dockerfile

@@ -1,10 +1,10 @@
 FROM node:12.18.2
 
 WORKDIR /usr/src/app
-COPY package.json .
-RUN npm i -g @angular/cli@~10.0.1 typescript@~3.9.6
-RUN npm i
+COPY package*.json ./
+RUN npm ci
 COPY . .
-RUN tsc -p ./server && ng build --aot --prod
-
-CMD [ "npm", "start" ]
+ENV MONGODB_URI mongodb://mongo:27017/angularfullstack
+RUN npm run predev && npm run buildprod
+EXPOSE 3000
+CMD [ "npm", "start" ]

README.md

@@ -31,6 +31,10 @@ A window will automatically open at [localhost:4200](http://localhost:4200). Ang
 ### Production mode
 `npm run prod`: run the project with a production bundle and AOT compilation listening at [localhost:3000](http://localhost:3000) 
 
+### Docker
+1. `docker-compose up`
+2. Go to [localhost:3000](http://localhost:3000)
+
 ## Preview
 ![Preview](https://raw.githubusercontent.com/DavideViolante/Angular2-Full-Stack/master/demo.gif "Preview")
 

docker-compose.yml

@@ -0,0 +1,17 @@
+version: "2"
+services:
+  app:
+    container_name: afs
+    restart: always
+    build: .
+    ports:
+      - "3000:3000"
+    links:
+      - mongo
+  mongo:
+    container_name: mongo
+    image: mongo
+    volumes:
+      - ./data:/data/db
+    ports:
+      - "27017:27017"

package.json

@@ -11,6 +11,7 @@
   "scripts": {
     "ng": "ng",
     "build": "ng build",
+    "buildprod": "ng build --aot --prod",
     "start": "node dist/server/app.js",
     "predev": "tsc -p server",
     "dev": "concurrently \"mongod\" \"ng serve --proxy-config proxy.conf.json --open\" \"tsc -w -p server\" \"nodemon dist/server/app.js\"",