Back to Details

deployment

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Deployment Skill

部署技能

Overview

概述

Deploy Next.js applications to various platforms with optimal configurations.
通过最优配置将Next.js应用部署至各类平台。

Capabilities

功能特性

  • Vercel: Zero-config deployment
  • Docker: Containerized deployment
  • Self-Hosting: Node.js server
  • Static Export: Static site generation
  • Edge Runtime: Edge function deployment
  • Vercel: 零配置部署
  • Docker: 容器化部署
  • 自托管: Node.js 服务器
  • 静态导出: 静态站点生成
  • Edge Runtime: 边缘函数部署

Examples

示例

dockerfile
undefined
dockerfile
undefined

Dockerfile for Next.js

Dockerfile for Next.js

FROM node:18-alpine AS builder WORKDIR /app COPY package*.json ./ RUN npm ci COPY . . RUN npm run build
FROM node:18-alpine AS runner WORKDIR /app ENV NODE_ENV=production COPY --from=builder /app/public ./public COPY --from=builder /app/.next/standalone ./ COPY --from=builder /app/.next/static ./.next/static EXPOSE 3000 CMD ["node", "server.js"]

```bash
FROM node:18-alpine AS builder WORKDIR /app COPY package*.json ./ RUN npm ci COPY . . RUN npm run build
FROM node:18-alpine AS runner WORKDIR /app ENV NODE_ENV=production COPY --from=builder /app/public ./public COPY --from=builder /app/.next/standalone ./ COPY --from=builder /app/.next/static ./.next/static EXPOSE 3000 CMD ["node", "server.js"]

```bash

Vercel deployment

Vercel deployment

npm i -g vercel vercel --prod
npm i -g vercel vercel --prod

Docker deployment

Docker deployment

docker build -t nextjs-app . docker run -p 3000:3000 nextjs-app
undefined
docker build -t nextjs-app . docker run -p 3000:3000 nextjs-app
undefined

next.config.js Options

next.config.js 配置选项

js
module.exports = {
  output: 'standalone', // For Docker
  // output: 'export', // For static
}
js
module.exports = {
  output: 'standalone', // For Docker
  // output: 'export', // For static
}