-
FROM node:20-alpine AS base # 1. Install dependencies only when needed FROM base AS deps # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed. RUN apk add --no-cache libc6-compat WORKDIR /app # Install dependencies based on the preferred package manager COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./ RUN \ if [ -f yarn.lock ]; then yarn --frozen-lockfile; \ elif [ -f package-lock.json ]; then npm ci; \ elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm i; \ else echo "Lockfile not found." && exit 1; \ fi # Accept build arguments ARG NEXT_PUBLIC_BACKEND_URL # 2. Rebuild the source code only when needed FROM base AS builder WORKDIR /app # Declare ARG again here ARG NEXT_PUBLIC_BACKEND_URL COPY --from=deps /app/node_modules ./node_modules COPY . . RUN echo "NEXT_PUBLIC_BACKEND_URL=$NEXT_PUBLIC_BACKEND_URL" >> .env RUN npm run build # 3. Production image, copy all the files and run next FROM base AS runner WORKDIR /app ENV NODE_ENV=production RUN addgroup -g 1001 -S nodejs RUN adduser -S nextjs -u 1001 COPY --from=builder /app/public ./public # Automatically leverage output traces to reduce image size # https://nextjs.org/docs/advanced-features/output-file-tracing COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./ COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static USER nextjs EXPOSE 3000 ENV PORT=3000 ENV HOSTNAME="0.0.0.0" CMD ["node", "server.js"]
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
This Dockerfile is officially provided by Next.js here.
-
Feel free to check out the code and configurations used in this project on this GitHub repository.
Related posts
-
Build a Real-Time Voting System with Strapi & Instant DB: Part 1
-
How to Use Ant Design with Next.js: A Complete Guide
-
FileShare| A FileSharing Platform built using Next.js and Pinata Files API
-
Setting Up a Next.js App with Tailwind CSS and TypeScript: A Comprehensive Guide
-
Best JavaScript Frameworks for Frontend Developer