frontend docker

.github/workflows/github-actions.yml

@@ -1,34 +1,42 @@
-# name: github-actions
+name: github-actions
 
-# on: [push]
+on: [push]
 
-# jobs:
-#   build:
-#     runs-on: ubuntu-latest
+jobs:
+  build:
+    runs-on: ubuntu-latest
 
-#     strategy:
-#       matrix:
-#         node-version: [20.10.0]
-#         os: [ubuntu-latest]
+    strategy:
+      matrix:
+        node-version: [20.10.0]
+        os: [ubuntu-latest]
 
-#     steps:
-#       - name: Git Checkout
-#         uses: actions/checkout@v4
+    steps:
+      - name: Git Checkout
+        uses: actions/checkout@v4
 
-#       - name: Setup Node env
-#         uses: actions/setup-node@v3
-#         with:
-#           node-version: ${{ matrix.node-version }}
-#           cache: 'yarn'
+      - name: Setup Node env
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'yarn'
 
-#       - name: Install dependencies
-#         run: yarn
+      - name: Install dependencies
+        run: yarn
 
-#       - name: Build @core/lib
-#         run: yarn lib:build
+      - name: Build @core/lib
+	      run: yarn lib:build
 
-#       - name: Build frontend
-#         run: yarn frontend:build
+	    - name: Build express-server
+	      run: yarn workspace express-server build
 
-#       - name: Build fastify-server
-#         run: yarn fastify-server:build
+	    - name: Build nestjs-server
+	      run: yarn workspace nestjs-server build
+
+	    - name: Build frontend
+	      run: yarn workspace frontend build
+
+	    - name: Build next-client
+	      run: yarn workspace next-client build
+
+

apps/express-server/.env_sample

@@ -0,0 +1 @@
+PORT=

apps/express-server/Dockerfile

@@ -4,28 +4,23 @@ FROM node:20-alpine3.18 as phase1
 WORKDIR /app
 
 # Run yarn only if package.json changes
-# copied tsconfig as shared-ui's tsconfig extends rootDir's tsconfig
-COPY turbo.json .
-COPY tsconfig.json .
-COPY package.json .
+# copied tsconfig as express-server's tsconfig extends rootDir's tsconfig
+COPY --chown=node:node turbo.json .
+COPY --chown=node:node tsconfig.json .
+COPY --chown=node:node package.json .
 
 # first create these directories, else the copying won't work.
-RUN mkdir -p packages/shared
-RUN mkdir -p apps/server
+RUN mkdir -p apps/express-server
 
 # copying only the required packages
-COPY ./packages/shared/package.json packages/shared
-COPY ./packages/shared packages/shared
-
-COPY ./apps/server/package.json apps/server
-COPY ./apps/server apps/server
+COPY --chown=node:node ./apps/express-server/package.json apps/express-server
+COPY --chown=node:node ./apps/express-server apps/express-server
 
 # install node_modules
 RUN yarn
-RUN yarn build:lib
 
-# build server
-RUN yarn build-apps
+# build express-server
+RUN yarn build
 
 # run server in dev env
-CMD ["yarn", "workspace ecom-mern-server", "build:run"]
+CMD ["yarn", "workspace", "express-server", "build:run"]

apps/express-server/src/app-constants/env_vars.ts

@@ -5,4 +5,4 @@
 
 const env = process.env;
 
-export const ENV_VARS = Object.freeze({ port: env.port ?? 5000 });
+export const ENV_VARS = Object.freeze({ port: env.PORT ?? 5000 });

apps/frontend/Dockerfile

@@ -1,5 +1,5 @@
 # Base Image
-FROM node:17-alpine3.14 as phase1
+FROM node:20-alpine3.18 as phase1
 
 WORKDIR /app
 
@@ -14,8 +14,9 @@ RUN mkdir -p apps/frontend
 
 # Run yarn only if package.json changes
 # copied tsconfig as core-lib's tsconfig extends rootDir's tsconfig
-COPY --chown=node:node package.json .
+COPY --chown=node:node turbo.json .
 COPY --chown=node:node tsconfig.json .
+COPY --chown=node:node package.json .
 
 
 # copying only the required packages
@@ -30,8 +31,8 @@ RUN npm install
 RUN yarn lib:build
 
 # build frontend
-RUN yarn frontend:build
+RUN yarn build
 
 # Phase 2 - Get the Build and host on nginx
-FROM nginx:1.21.6-alpine
+FROM nginx:1.25.4-alpine
 COPY --from=phase1 /app/apps/frontend/build /usr/share/nginx/html

apps/frontend/Dockerfile.dev

@@ -1,5 +1,5 @@
 # Base Image
-FROM node:17-alpine3.14 as phase1
+FROM node:20-alpine3.18 as phase1
 
 WORKDIR /app
 

apps/nestjs-server/Dockerfile

@@ -1,28 +1,26 @@
 # Base Image
-FROM node:17-alpine3.14 as phase1
+FROM node:20-alpine3.18 as phase1
 
 WORKDIR /app
 
-# Can't use these stmt as husky doesnt get installed & unable to
-# create directories
-# ENV NODE_ENV production
-# USER node
-
-# first create these directories, else the copying won't work.
-RUN mkdir -p apps/fastify-server
-
 # Run yarn only if package.json changes
+# copied tsconfig as nestjs-server's tsconfig extends rootDir's tsconfig
+COPY --chown=node:node turbo.json .
+COPY --chown=node:node tsconfig.json .
 COPY --chown=node:node package.json .
 
+# first create these directories, else the copying won't work.
+RUN mkdir -p apps/nestjs-server
+
 # copying only the required packages
-COPY --chown=node:node ./apps/fastify-server/package.json apps/fastify-server
-COPY --chown=node:node ./apps/fastify-server apps/fastify-server
+COPY --chown=node:node ./apps/nestjs-server/package.json apps/nestjs-server
+COPY --chown=node:node ./apps/nestjs-server apps/nestjs-server
 
 # install node_modules
-RUN npm install
+RUN yarn
 
-# build fastify-server
-RUN yarn fastify-server:build
+# build nestjs-server
+RUN yarn build
 
-# run the build
-CMD ["node", "apps/fastify-server/dist/main.js"]
+# run server in dev env
+CMD ["yarn", "workspace", "nestjs-server", "start:prod"]

apps/nestjs-server/src/main.ts

@@ -22,4 +22,5 @@ async function bootstrap() {
   );
   await app.listen(4000);
 }
+
 bootstrap();

compose.yml

@@ -6,7 +6,7 @@ services:
       context: .
       dockerfile: ./apps/frontend/Dockerfile
     ports:
-      - '5000:80'
+      - '3000:80'
 
   # run frontend in dev mode on Port 3000, with hot reloading
   frontend-dev:
@@ -20,8 +20,19 @@ services:
       - '/app/node_modules'
       - './apps/frontend:/app/apps/frontend'
 
-  # run as a service of another dockerfile, port 4000
-  fastify-server:
-    extends:
-      file: ./apps/fastify-server/compose.yml
-      service: fastify-server
+  express-server:
+    image: docker_username/express-server
+    build:
+      context: .
+      dockerfile: ./apps/express-server/Dockerfile
+    ports:
+      - '5000:5000'
+
+  # somehow port mapping not working for this
+  nestjs-server:
+    image: docker_username/nestjs-server
+    build:
+      context: .
+      dockerfile: ./apps/nestjs-server/Dockerfile
+    ports:
+      - '4000:4000'