在Ubuntu上使用Docker启动Next.js应用程序

2 年 ago

宇, 华

1 minute

在Ubuntu 22.04.2 LTS上设置Next.js应用程序。

版本

npm(npx): 9.8.1

流程

安装Node.js和npm。
$ sudo apt install -y nodejs npm

安装n
$ sudo npm install n -g

安装最新的Node.js和npm
$ sudo n stable

卸载最初安装的Node.js和npm
$ sudo apt purge -y nodejs npm
$ sudo apt autoremove -y

确认剩余的Node.js和npm为最新版本
$ node -v
$ npm -v

重新启动计算机

创建项目目录

进入目录

创建Next.js应用程序[test-app]
npx create-next-app test-app

进入[test-app]目录

使用VScode启动
code .

在VScode中创建”dockerfile”和”compose.yml”文件

dockerfile.
FROM node:18.12-alpine
WORKDIR /app/
COPY ./package.json ./
RUN npm install

docker-compose.yml
services:
app:
build:
context: .
ports:
– “3000:3000”
volumes:
– .:/app
– node_modules:/app/node_modules
command: sh -c “npm run dev”
volumes:
node_modules:
networks:
snowboard_default:
external: true

构建Docker镜像
docker-compose build

启动Docker容器
docker-compose up

当访问 http://localhost:3000 时，Next.js 将会启动运行。