使用Docker和Docker Compose构建Next.js环境

首先,使用以下命令在本地创建应用程序。

使用npx create-next-app [你喜欢的应用程序名称]创建

如果不这样做,我本打算在Docker容器中使用create-next-app来进行,但由于遇到了困难。参考文章。

 

Docker文件

# ベースイメージの指定
FROM node:alpine

# 作業ディレクトリの設定
WORKDIR /app

# ソースをコピーする
COPY ./app .

# 依存関係をインストールする
RUN npm install

# ビルドする
RUN npm run build

# ポート3000でリッスンするように設定する
EXPOSE 3000

# アプリケーションを起動する
CMD ["npm", "start"]

docker-compose.yml的中文解释是:“这是一个Docker Compose配置文件。”

version: '3'
services:
  web:
    container_name: nextjs_container
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./app:/app
      - /app/node_modules
    ports:
      - '3000:3000'
    environment:
      - NODE_ENV=development
    command: ["yarn", "dev"]

做完 / 完成任务

スクリーンショット 2023-10-18 8.38.52.png
广告
将在 10 秒后关闭
bannerAds