20. Production Docker Multi-Stage Build & Standalone Deployment on Cloud VPS • Next.js 14+ App Router & Full-Stack Architecture • Rishabh Ki Kaksha

By default Next.js production build me poora `node_modules` folder chahiye hota hai.  
`output: 'standalone'` Next.js ko analyze karne bolta hai ki sirf wahi files include kare jo production me run hone ke liye strictly zaroori hain!

```javascript
// next.config.mjs
const nextConfig = {
    output: 'standalone', // 👑 Standalone lightweight server!
};
```

---

### 2. Master Multi-Stage `Dockerfile`

```dockerfile
# Stage 1: Dependencies
FROM node:20-alpine AS deps
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm ci

# Stage 2: Builder
FROM node:20-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
ENV NEXT_TELEMETRY_DISABLED 1
RUN npm run build

# Stage 3: Minimal Production Runner (Only 85 MB!)
FROM node:20-alpine AS runner
WORKDIR /app
ENV NODE_ENV production
ENV PORT 3000

# Non-root secure user:
RUN addgroup --system --gid 1001 nodejs
RUN adduser --system --uid 1001 nextjs

COPY --from=builder /app/public ./public
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static

USER nextjs
EXPOSE 3000
CMD ["node", "server.js"]
```

---

### 3. Nginx Reverse Proxy + SSL on Cloud VPS

```nginx
server {
    server_name rishabhkikaksha.boostengine.in;

location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}
```

---

### 4. Master Comparison Matrix

---

### 5. Interview Ke 3 Sawal Is Topic Se

1. **Standalone build me `.next/static` folder ko manually copy kyu karna padta hai?** -> Kyunki standalone output sirf Node.js server execution files rakhta hai; static client JS/CSS bundles ko CDN ya Nginx se serve karne ke liye `.next/static` folder alag rehta hai.
2. **Next.js container me Non-root user (`USER nextjs`) kyu banaya jata hai?** -> Container security hardening ke liye taaki hacker container breakout attack karke host VPS root access na le sake.
3. **Self-hosted VPS par Next.js Image Optimization kaise chalayi jaati hai?** -> Alpine image me `sharp` package install karke (`npm install sharp`) high-performance WebP/AVIF compression enable kiya jata hai.

---
**Course Completed:** Next.js 14+ Fullstack Architecture (All 20 Lessons Completed!) 🎉🚀⚡🏢

Loading lesson content...

JavaScript

Full IDE

Live Execution Terminal

Click "Execute Live" to run code.
                

Lesson Mastery AI Quiz

AI Doubt Solver

CERTIFICATE OF COMPLETION

Rishabh Gehlot

PHP 8+ & Laravel 11 Master Track