프론트엔드(Next.js) 서버를 파드(Pod)로 띄워보기

 

터미널에서 아래와 같이 입력해준다.

 

- next 프로젝트 생성

npm create-next-app

 

 

좀 걸린다...

 

기다리면 

이렇게 뜬다. 이후에 WebStorm으로 실행해준다!!!

 

 

 

Dockerfile에다가 

 

FROM node:220-alpine

WORKDIR /app

COPY . .

RUN npm install

RUN npm run build

EXPOSE 3000

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

 

.dockerignore 에다가는

node_modules

 

입력해준다.

 

이후에 터미널에

 

docker build -t next-server .

 

이렇게 하다가

 => ERROR [internal] load metadata for docker.io/library/node:220-alpine

 

에러남...

FROM node:220-alpine

WORKDIR /app

COPY . .

RUN npm install

RUN npm run build

EXPOSE 3000

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

 

 

아래처럼 작성했어야했음...

FROM node:20-alpine

 

FROM node:20-alpine

WORKDIR /app

COPY . .

RUN npm install

RUN npm run build

EXPOSE 3000

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

 

이렇게 하니 에러가 안남. 근데 설치가 너무 오래 걸림...

 

이미지 생성 완료 후 확인위해

 

docker image ls

 

 

이후 manifest 파일( next-pod.yaml)을 만들어주자

 

그리고 나서

kubectl port-forward next-pod 3000:3000

 

해주면 로컬에서 

localhost:3000

 

하면 열린다.