Merge pull request #36 from ThomasOliver545/2022/dockerize

2022/dockerize

Author: TommiCodes

FUNDING.yml renamed to .github/FUNDING.yml

@@ -1,8 +1,30 @@
 If you are coming from a specific video, you can have a look at the commits, they are named like: 'video-01: asd', 'video-02: asd', so you can switch to a commit/merge commit and see what exactly had been done, since this repo is currently evolving and sometimes parts of it are rewritten in newer videos.  
+Hint: Upon 2022 the new features are not prefixed like this anymore (cause there isn't a video for every step anymore).
 
-# instructions to run the project 
-## 1. Switch to branch develop to get the latest changes
-## 2. Add an environment file to the project
+# Updated 2022 (Project now dockerized)
+This Project is now dockerized.  
+We have one Dockerfile for the api (NestJS) and one for the frontend(Angular).  
+On the top file level there is a `docker-compose.yml` file that you can start, there is also the database and everything configured.  So you don't need to do anything else than run `docker-compose up`.
+
+# Instructions to run the Project 
+
+## With Docker
+Command:  
+`docker-compose up`  
+and then visit `localhost:4200`
+
+### Tipps & Tricks for docker
+If you need to remove docker images or containers you can use one of the following commands.
+
+Command to remove all images:  
+`docker rmi -f $(docker images -a -q)`
+
+Command to remove all containers:  
+`docker rm -vf $(docker ps -a -q)`
+
+
+## Without Docker
+### 2. Add an environment file to the project
 Add a .env file in the api folder (at the top of your api folder, so nest can find it)  
  - add your own DATABASE_URL in the .env file
  - add your own JWT_SECRET in the .env file
@@ -21,17 +43,17 @@ Example of file:
     JWT_SECRET=jklasjdoij897231na
 
 
-## Start the Backend in dev Mode after you added the .env file
+### Start the Backend in dev Mode after you added the .env file
 `cd api`  
 `npm install`  
 `npm run start:dev`  
 
-## Start the Frontend in dev Mode after you added the .env file
+### Start the Frontend in dev Mode after you added the .env file
 `cd frontend`    
 `npm install`  
 `ng serve`  
 
-## Start the e2e tests
+# Start the e2e tests
 `cd e2e`    
 `npm install`  
 `npm run cypress:open`
@@ -43,9 +65,23 @@ Example of file:
 Blog Project only NestJS Videos  
 https://www.youtube.com/playlist?list=PLVfq1luIZbSnytbsm2i8Ocf_hyUHTsqbZ  
 
-  
 Blog Project only Angular Videos  
 https://www.youtube.com/playlist?list=PLVfq1luIZbSmAWiXmsjUsvdYRu7RdxzaM
 
 Blog Project All Videos
-https://www.youtube.com/playlist?list=PLVfq1luIZbSmJIuw_EZVP9mFiMED5fGIn
+https://www.youtube.com/playlist?list=PLVfq1luIZbSmJIuw_EZVP9mFiMED5fGIn
+
+Playlist 2022:
+<tbd>
+
+# Other Links & Stuff
+Link to Github Profile: https://github.com/ThomasOliver545  
+Link to Youtube Channel: https://www.youtube.com/channel/UCTZMwW4pq_B-o_KkpCtotGw  
+Link to Twitter: https://twitter.com/Thomas_OliverK  
+
+Since i am doing this in my freetime support via   
+- "Github Sponsor"  
+- "Github Follow"   
+- "Youtube Follow"   
+
+etc. would be great.

README.md

@@ -0,0 +1,35 @@
+# Specify Node Version and Image
+# Name Image development (can be anything)
+FROM node:14 AS development
+
+# Specify Working directory inside container
+WORKDIR /thomas/src/app
+
+# Copy package-lock.json & package.json from host to inside container working directory
+COPY package*.json ./
+
+# Install deps inside container
+RUN npm install
+
+RUN npm run build
+
+EXPOSE 3000
+
+################
+## PRODUCTION ##
+################
+# Build another image named production
+FROM node:14 AS production
+
+ARG NODE_ENV=production
+ENV NODE_ENV=${NODE_ENV}
+
+# Set work dir
+WORKDIR /thomas/src/app
+
+COPY --from=development /thomas/src/app/ .
+
+EXPOSE 3000
+
+# run app
+CMD [ "node", "dist/main"]

api/Dockerfile

@@ -12,7 +12,7 @@
     "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
     "start": "nest start",
     "start:dev": "nest start --watch",
-    "start:debug": "nest start --debug --watch",
+    "start:debug": "nest start --debug 0.0.0.0:9229 --watch",
     "start:prod": "node dist/main",
     "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
     "test": "jest",