Merge pull request #663 from hngprojects/docker-cicd-clean-setup

added docker

docker/development/Dockerfile

@@ -0,0 +1,56 @@
+# 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
+
+# Install build dependencies
+RUN apk add --no-cache libc6-compat
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and pnpm-lock.yaml
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies
+RUN corepack enable pnpm && pnpm install --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+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
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Copy necessary files for production
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+
+# Set the correct permission for prerender cache
+RUN mkdir -p .next
+RUN chown nextjs:nodejs .next
+
+USER nextjs
+
+EXPOSE 3000
+
+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

docker/development/docker-compose.yml

@@ -0,0 +1,17 @@
+services:
+
+  next-dev-frontend-1:
+    build:
+      context: ../../
+      dockerfile: docker/development/Dockerfile
+    ports:
+      - 3100:3000
+    restart: always
+
+  next-dev-frontend-2:
+    build:
+      context: ../../
+      dockerfile: docker/development/Dockerfile
+    ports:
+      - 3130:3000
+    restart: always

docker/prod/Dockerfile

@@ -0,0 +1,55 @@
+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
+
+# Install build dependencies
+RUN apk add --no-cache libc6-compat
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and pnpm-lock.yaml
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies
+RUN corepack enable pnpm && pnpm install --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+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
+
+ENV NODE_ENV development
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Copy necessary files for production
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+
+# Set the correct permission for prerender cache
+RUN mkdir -p .next
+RUN chown nextjs:nodejs .next
+
+USER nextjs
+
+EXPOSE 3000
+
+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

docker/prod/docker-compose.yml

@@ -0,0 +1,17 @@
+services:
+
+  next-prod-frontend-1:
+    build:
+      context: ../../
+      dockerfile: docker/prod/Dockerfile
+    ports:
+      - 3000:3000
+    restart: always
+
+  next-prod-frontend-2:
+    build:
+      context: ../../
+      dockerfile: docker/prod/Dockerfile
+    ports:
+      - 3030:3000
+    restart: always

docker/staging/Dockerfile

@@ -0,0 +1,55 @@
+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
+
+# Install build dependencies
+RUN apk add --no-cache libc6-compat
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and pnpm-lock.yaml
+COPY package.json pnpm-lock.yaml ./
+
+# Install dependencies
+RUN corepack enable pnpm && pnpm install --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+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
+
+ENV NODE_ENV development
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Copy necessary files for production
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+
+# Set the correct permission for prerender cache
+RUN mkdir -p .next
+RUN chown nextjs:nodejs .next
+
+USER nextjs
+
+EXPOSE 3000
+
+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

docker/staging/docker-compose.yml

@@ -0,0 +1,17 @@
+services:
+
+  next-staging-frontend-1:
+    build:
+      context: ../../
+      dockerfile: docker/staging/Dockerfile
+    ports:
+      - 3200:3000
+    restart: always
+
+  # next-staging-frontend-2:
+  #   build:
+  #     context: ../../
+  #     dockerfile: docker/staging/Dockerfile
+  #   ports:
+  #     - 3230:3000
+  #   restart: alwaysraven@frontend:/home/nextjs/staging/hng_boilerplate_nextjs/docker/staging$