Merge remote-tracking branch 'upstream/main' into feat/HNG-EDIT-TEMPL…

…ATE-MODAL-team-bulldozer

.github/workflows/production-deployment.yml

@@ -1,14 +1,41 @@
 name: Production Deployment
 
 on:
+  workflow_dispatch:
   push:
     branches:
       - main
     paths-ignore:
       - .github/workflows/**
 
 jobs:
+  build_and_push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          file: docker/prod/Dockerfile
+          push: true
+          tags: hngdevops/nextjs-boilerplate:prod
+
   deploy_to_production:
+    needs: build_and_push
     if: github.event.repository.fork == false
     runs-on: ubuntu-latest
 
@@ -24,4 +51,5 @@ jobs:
           username: ${{ secrets.USERNAME }}
           password: ${{ secrets.PASSWORD }}
           script: |
-            ./deploy_prod.sh next 
+            cd hng_boilerplate_nextjs
+            ./scripts/prod_deploy.sh  

.github/workflows/staging-deployment.yml

@@ -1,14 +1,41 @@
 name: Staging Deployment
 
 on:
+  workflow_dispatch:
   push:
     branches:
       - staging
     paths-ignore:
       - .github/workflows/**
 
 jobs:
+  build_and_push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          file: docker/staging/Dockerfile
+          push: true
+          tags: hngdevops/nextjs-boilerplate:staging
+
   deploy_to_staging:
+    needs: build_and_push
     if: github.event.repository.fork == false
     runs-on: ubuntu-latest
 
@@ -24,4 +51,5 @@ jobs:
           username: ${{ secrets.USERNAME }}
           password: ${{ secrets.PASSWORD }}
           script: |
-            ./deploy_staging.sh next 
+            cd hng_boilerplate_nextjs
+            ./scripts/staging_deploy.sh  

.github/workflows/team-deployment.yml

@@ -25,6 +25,25 @@ jobs:
           script: |
             cd hng_boilerplate_nextjs
             ./scripts/team_deploy.sh kimiko-golang ${{ vars.PORT }}
+            
+  kimiko-csharp:
+    if: github.event.repository.fork == false
+    runs-on: ubuntu-latest
+
+    environment:
+      name: "kimiko-csharp"
+      url: ${{ vars.URL }}
+
+    steps:
+      - name: Deploy to kimiko-csharp environment
+        uses: appleboy/[email protected]
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          password: ${{ secrets.PASSWORD }}
+          script: |
+            cd hng_boilerplate_nextjs
+            ./scripts/team_deploy.sh kimiko-csharp ${{ vars.PORT }}
 
   cyborgs-java:
     if: github.event.repository.fork == false

docker/prod/Dockerfile

@@ -1,4 +1,4 @@
-Use the official Node.js image based on Alpine Linux for a smaller image size
+# Use the official Node.js image based on Alpine Linux for a smaller image size
 FROM node:20-alpine AS base
 
 FROM base AS deps
@@ -24,6 +24,7 @@ COPY . .
 # Build the application
 RUN corepack enable pnpm && pnpm run build
 
+
 # Production image, copy all the files and run next
 FROM base AS runner
 WORKDIR /app
@@ -52,4 +53,4 @@ ENV PORT 3000
 
 # server.js is created by next build from the standalone output
 # https://nextjs.org/docs/pages/api-reference/next-config-js/output
-CMD HOSTNAME="0.0.0.0" node server.js
+CMD HOSTNAME="0.0.0.0" node server.js

docker/prod/docker-compose.yml

@@ -1,12 +1,11 @@
 services:
 
-  next-prod-frontend-1:
-    build:
-      context: ../../
-      dockerfile: docker/prod/Dockerfile
+  frontend:
+    image: hngdevops/nextjs-boilerplate:prod
     ports:
       - 3000:3000
-    restart: always
+    volumes:
+      - ../../.env:/app/.env
 
   # next-prod-frontend-2:
   #   build:

docker/staging/Dockerfile

@@ -1,4 +1,4 @@
-Use the official Node.js image based on Alpine Linux for a smaller image size
+# Use the official Node.js image based on Alpine Linux for a smaller image size
 FROM node:20-alpine AS base
 
 FROM base AS deps
@@ -24,6 +24,7 @@ COPY . .
 # Build the application
 RUN corepack enable pnpm && pnpm run build
 
+
 # Production image, copy all the files and run next
 FROM base AS runner
 WORKDIR /app
@@ -52,4 +53,4 @@ ENV PORT 3000
 
 # server.js is created by next build from the standalone output
 # https://nextjs.org/docs/pages/api-reference/next-config-js/output
-CMD HOSTNAME="0.0.0.0" node server.js
+CMD HOSTNAME="0.0.0.0" node server.js

docker/staging/docker-compose.yml

@@ -1,12 +1,11 @@
 services:
 
-  next-staging-frontend-1:
-    build:
-      context: ../../
-      dockerfile: docker/staging/Dockerfile
+  frontend:
+    image: hngdevops/nextjs-boilerplate:staging
     ports:
       - 3200:3000
-    restart: always
+    volumes:
+      - ../../.env:/app/.env
 
   # next-staging-frontend-2:
   #   build:

scripts/prod_deploy.sh

@@ -1,22 +1,8 @@
 #!/bin/bash
 
-if [ "$#" -ne 1 ]; then
-  echo "Usage: $0 {next|remix}"
-  exit 1
-fi
+set -e
 
-if [ "$1" == "next" ]; then
-  cd /home/nextjs/prod/hng_boilerplate_nextjs
-  git pull origin main
-  docker compose -f docker/prod/docker-compose.yml build
-  docker compose -f docker/prod/docker-compose.yml up -d
-elif [ "$1" == "remix" ]; then
-  cd /home/remixjs/prod/hng_boilerplate_remix
-  git pull origin main
-  docker compose -f docker/prod/docker-compose.yml build
-  docker compose -f docker/prod/docker-compose.yml up -d
-else
-  echo "Invalid argument. Use 'next' or 'remix'."
-  echo "Usage: $0 {next|remix}"
-  exit 1
-fi
+cd "$(git rev-parse --show-toplevel)"
+git pull origin main
+docker pull hngdevops/nextjs-boilerplate:prod
+docker compose --project-name prod-nextjs -f docker/prod/docker-compose.yml up -d

scripts/staging_deploy.sh

@@ -1,22 +1,8 @@
 #!/bin/bash
 
-if [ "$#" -ne 1 ]; then
-  echo "Usage: $0 {next|remix}"
-  exit 1
-fi
+set -e
 
-if [ "$1" == "next" ]; then
-  cd /home/nextjs/staging/hng_boilerplate_nextjs
-  git pull origin staging
-  docker compose -f docker/staging/docker-compose.yml build
-  docker compose -f docker/staging/docker-compose.yml up -d
-elif [ "$1" == "remix" ]; then
-  cd /home/remixjs/staging/hng_boilerplate_remix
-  git pull origin staging
-  docker compose -f docker/staging/docker-compose.yml build
-  docker compose -f docker/staging/docker-compose.yml up -d
-else
-  echo "Invalid argument. Use 'next' or 'remix'."
-  echo "Usage: $0 {next|remix}"
-  exit 1
-fi
+cd "$(git rev-parse --show-toplevel)"
+git pull origin staging
+docker pull hngdevops/nextjs-boilerplate:staging
+docker compose --project-name staging-nextjs -f docker/staging/docker-compose.yml up -d