Next.js Docker 연결해서 화면 띄우기

 

도커, next.js 연동

 

 

1. Next.js 프로젝트 생성

 

powerShell or cmd (터미널)을 열고 명령어 실행

 

(my-next-app은 생성할 프로젝트이름)

npx create-next-app@latest my-next-app 
cd my-next-app

 

2. Dockerfile 생성

 

my-next-app 폴더 안에 Dockerfile 파일을 만들고 아래 내용 추가:

# 1. Node.js 이미지 사용
FROM node:18-alpine

# 2. 작업 디렉터리 설정
WORKDIR /app

# 3. package.json과 package-lock.json 복사
COPY package*.json ./

# 4. 의존성 설치
RUN npm install

# 5. 소스 코드 복사
COPY . .

# 6. Next.js 빌드 (선택 사항)
RUN npm run build

# 7. 포트 설정 및 실행 명령어
EXPOSE 3000
CMD ["npm", "run", "start"]

(Dockerfile은 그냥 만들면 됨 .txt같은 확장자 없이)

 

 

3. .dockerignore 파일 추가

 

불필요한 파일을 제외하기 위해 .dockerignore 파일을 만들고 아래 내용 추가:

node_modules
npm-debug.log
.next

 

 

4. docker-compose.yml 파일 추가 (선택)

 

docker-compose.yml 파일을 만들고 아래 내용 추가:

version: "3"
services:
  next-app:
    build: .
    ports:
      - "3000:3000"
    volumes:
      - .:/app
      - /app/node_modules
    environment:
      - NODE_ENV=production

 

5. Docker 이미지 빌드 & 컨테이너 실행

 

# Docker 이미지 빌드
docker build -t my-next-app .

# 컨테이너 실행
docker run -p 3000:3000 my-next-app

 

이제 http://localhost:3000/ 에 들어가면 Next.js 앱이 실행된다.

 

 

 

Docker 데스크탑 설치 에러 (Docker Desktop requires the Workstation service to be enabled.)