리액트(React) Next.js Docker 컨테이너로 배포하기

리액트 Next.js 앱을 도커 컨테이너로 배포해보겠습니다.

 

version: "3"
services:
  next:
    build: .
    ports:
      - 3000:3000

docker-compose.yml을 작성해줍니다.

 

 

FROM node:alpine

ENV PORT 3000

WORKDIR /usr/src/app

COPY package*.json ./
RUN npm install

COPY ./ ./

ENV NODE_ENV production

RUN npm run build

CMD ["npm", "run", "start"]

Dockerfile을 작성해줍니다.

 

.next
.git
node_modules
.gitignore

.dockerignore도 등록해줍니다.

 

 

$ docker-compose up --build -d

이미지가 빌드되고 컨테이너가 구동됩니다.