使用Docker、Docker Compose和DevContainer创建Next.js环境

2 年 ago
科, 颖
1 minute

简介

尽可能简单地使用Docker+Docker Compose+DevContainer来启动Next.js环境。

    1. 准备docker-compose.yml文件

 

    1. 准备Dockerfile文件

 

    1. 启动devcontainer

执行npx create-next-app命令
移动文件

docker-compose.yml -> Docker-Compose 配置文件

由于devcontainer在启动时会自动处理文件的持久化，所以可以省略该步骤。

version: "3"
services:
  web:
    build: .
    container_name: "nextjs-web"
    ports:
      - "3000:3000"

Dockerfile => 文件

暂时只需指定一个想法。

FROM node:lts-iron

启动devcontainer

F1⇒开发容器：再次在容器中打开

image.png

从’docker-compose.yml’文件中获取⇒确定

image.png

npx 创建-next-app

image.png

文件搬移。

mv my-app/* .
rm -fr my-app/
由于create-next-app无法在现有目录上创建，因此它会在临时目录中创建。如果希望保持当前状态，文件无需移动即可。
由于不能移动 .eslintrc.json、.git 和 .gitignore 文件，根据需要将其移动。

个人观点

我觉得最后一次文件移动没搞好，但是很容易就建好了环境。

以上。

bannerAds