feat: implemented docker support for nextjs app

.dockerignore

@@ -0,0 +1,18 @@
+.env
+
+Dockerfile
+./**/*/Dockerfile
+
+.dockerignore
+
+node_modules
+./**/*/node_modules
+
+pnpm-debug.log
+./**/*/pnpm-debug.log
+
+
+README.md
+.next
+.git
+

.nvmrc

@@ -1 +1 @@
-18
+18.15.0

README.md

@@ -55,6 +55,45 @@ No, it does not. The `api` package should only be a production dependency in the
 
 If you need to share runtime code between the client and server, such as input validation schemas, you can create a separate `shared` package for this and import on both sides.
 
+## Docker
+
+To get it running with docker, follow the steps below:
+
+Inside `next.config.mjs` set, you can read more about why we need to set this here: https://nextjs.org/docs/advanced-features/output-file-tracing
+
+```diff
+output: "standalone",
+```
+
+Option 1:
+
+1. Build and run the images with:
+
+   ```bash
+      docker compose up --build
+      # You can specify a specific service: docker compose up nextjs --build
+   ```
+
+2. Visit `http://localhost:3000` to see your app.
+
+Option 2:
+
+1. Build the images
+
+   ```bash
+      docker compose build
+      # You can specify a specific service: docker compose build nextjs
+   ```
+
+2. Run the images
+
+   ```bash
+      docker compose up
+      # You can specify a specific service: docker compose up nextjs
+   ```
+
+3. Visit `http://localhost:3000` to see your app.
+
 ## Quick Start
 
 To get it running, follow the steps below:

apps/nextjs/Dockerfile

@@ -0,0 +1,55 @@
+##### DEPENDENCIES
+
+FROM --platform=linux/amd64 node:18-alpine AS builder
+RUN apk add --no-cache libc6-compat openssl1.1-compat && apk update
+WORKDIR /app
+RUN yarn global add turbo
+COPY . . 
+RUN turbo prune --scope=@acme/nextjs --docker
+
+FROM --platform=linux/amd64 node:18-alpine AS installer
+RUN apk add --no-cache libc6-compat openssl1.1-compat && apk update
+WORKDIR /app
+
+ENV NODE_ENV production
+ENV CI         true
+ENV SKIP_ENV_VALIDATION true
+
+COPY .gitignore .gitignore 
+COPY  --from=builder /app/tsconfig.json ./tsconfig.json
+COPY --from=builder /app/out/json .
+COPY --from=builder /app/out/pnpm-lock.yaml\* ./
+
+RUN yarn global add pnpm && pnpm fetch --prod && pnpm install -r --offline --prod
+
+
+COPY --from=builder /app/out/full .
+
+
+
+RUN pnpm turbo build --filter=nextjs
+
+FROM --platform=linux/amd64 node:18-alpine AS runner
+RUN apk add --no-cache libc6-compat openssl1.1-compat && apk update
+WORKDIR /app
+
+# Don't run production as root
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+USER nextjs
+EXPOSE 3000
+ENV PORT 3000
+
+ENV NODE_ENV production
+
+# ENV NEXT_TELEMETRY_DISABLED 1 Optional
+
+COPY --from=installer /app/apps/nextjs/next.config.mjs ./
+COPY --from=installer /app/apps/nextjs/package.json ./
+
+COPY --from=installer --chown=nextjs:nodejs /app/apps/nextjs/.next/standalone ./
+COPY --from=installer --chown=nextjs:nodejs /app/apps/nextjs/.next/static ./apps/nextjs/.next/static
+COPY --from=installer --chown=nextjs:nodejs /app/apps/nextjs/public ./apps/nextjs/public
+
+
+CMD node apps/nextjs/server.js

apps/nextjs/next.config.mjs

@@ -2,10 +2,12 @@
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation.
  * This is especially useful for Docker builds and Linting.
  */
-// !process.env.SKIP_ENV_VALIDATION && (await import("./src/env.mjs"));
+!process.env.SKIP_ENV_VALIDATION && (await import("./src/env.mjs"));
 
 /** @type {import("next").NextConfig} */
 const config = {
+  /** For docker build, more information: https://nextjs.org/docs/advanced-features/output-file-tracing */
+  // output: "standalone",
   reactStrictMode: true,
   /** Enables hot reloading for local packages without a build step */
   transpilePackages: ["@acme/api", "@acme/auth", "@acme/db"],

apps/nextjs/package.json

@@ -27,18 +27,17 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "superjson": "1.9.1",
+    "@types/node": "^18.15.11",
+    "@types/react": "^18.0.31",
+    "tailwindcss": "^3.3.1",
+    "postcss": "^8.4.21",
+    "autoprefixer": "^10.4.14",
     "zod": "^3.21.4"
   },
   "devDependencies": {
     "@acme/eslint-config": "^0.1.0",
-    "@types/node": "^18.15.11",
-    "@types/react": "^18.0.31",
     "@types/react-dom": "^18.0.11",
-    "autoprefixer": "^10.4.14",
-    "dotenv-cli": "^7.1.0",
     "eslint": "^8.37.0",
-    "postcss": "^8.4.21",
-    "tailwindcss": "^3.3.1",
     "typescript": "^5.0.3"
   }
 }

docker-compose.yml

@@ -0,0 +1,15 @@
+version: "3.7"
+
+services:
+  nextjs:
+    ports:
+      - "3000:3000"
+    build:
+      context: .
+      dockerfile: ./apps/nextjs/Dockerfile
+    environment:
+      - DATABASE_URL=${DATABASE_URL}
+      - NEXTAUTH_URL=${NEXTAUTH_URL}
+      - NEXTAUTH_SECRET=${NEXTAUTH_SECRET}
+      - DISCORD_CLIENT_ID=${DISCORD_CLIENT_ID}
+      - DISCORD_CLIENT_SECRET=${DISCORD_CLIENT_SECRET}

package.json

@@ -26,6 +26,7 @@
     "prettier": "^2.8.7",
     "prettier-plugin-tailwindcss": "^0.2.6",
     "turbo": "^1.8.8",
-    "typescript": "^5.0.3"
+    "typescript": "^5.0.3",
+    "dotenv-cli": "^7.1.0"
   }
 }

packages/db/package.json

@@ -12,11 +12,11 @@
     "with-env": "dotenv -e ../../.env --"
   },
   "dependencies": {
+    "prisma": "^4.12.0",
     "@prisma/client": "^4.12.0"
   },
   "devDependencies": {
     "dotenv-cli": "^7.1.0",
-    "prisma": "^4.12.0",
     "typescript": "^5.0.3"
   }
 }