연습해보기 - Docker로 Next.js 프로젝트 로컬 배포

터미널 명령어로 Next.js 프로젝트를 생성한다.

WebStorm을 이용해 생성한 프로젝트를 열고

프로젝트가 제대로 생성되었는지 확인하기 위해 명령어로 실행해보면
npm run dev

localhost:3000으로 접속해보면

Next.js에서 제공화는 화면을 확인할 수 있다.

---

Dockerfile과 .dockerignore 파일을 만들고

# Dockerfile
FROM node:20-alpine
# alpine : 불필요한 것들을 제외하고 핵심적인 것들만 포함된 이미지 버전(현업에서 주로 사용)

WORKDIR /app

COPY . .

RUN npm install

RUN npm run build

EXPOSE 3000

ENTRYPOINT ["npm", "run", "start"]

# .dockerignore
node_modules

빌드를 한다.
docker build -t my-web-server .

이제 이미지를 이용해 컨테이너를 실행할건데
docker run -d -p 80:3000 my-web-server
이처럼 Next.js는 3000번에서 실행되지만 프론트(크롬 등)에서 접속 시 포트번호를 생략하기 위해
호스트 포트는 80으로 한다.

실행하고 이번에는 localhost로 포트번호 없이 접속해보면

잘 나온당

---