배포 중 사이트 연결 실패

빌드도 디플로이도 초록불이라서 끝난 줄 알았는데, 링크 들어가보니

화면에는
사이트에 연결할 수 없음 ~~~ 에서 연결을 거부했습니다.
콘솔에는
crbug/1173575, non-JS module files deprecated.

'aws 배포 사이트에 연결할 수 없음' 으로 구글링하다보니 포트를 열어주는 과정에서 뭔가 잘못되었다는 의견이 대다수였음.
인바운드 규칙 편집으로 가서 여러 포트를 열었는데도 사이트는 여전히 찾을 수 없었다.

Dockerfile (EXPOSE 3000 -> EXPOSE 80), yml (docker run -itd -p 3000:3000 -> docker run -itd -p 80:80) 변경했더니 오류 메세지가 바뀌었다 !

사이트에 연결할 수 없음 -> 403 Forbidden

그래도 메세지가 바뀌었다.

-> 이후에 nginx 조금 바꿨더니 html 첫 화면만 보임 ..
-> next js에 맞게 (?)

// Dockerfile

FROM node:latest AS build
COPY ./package* /usr/src/app/
WORKDIR /usr/src/app
RUN npm ci
COPY . /usr/src/app
RUN npm run build
CMD ["npm", "start"]
// #FROM nginx:stable-alpine
// #RUN rm -rf /etc/nginx/conf.d
// #COPY conf /etc/nginx
// #COPY --from=build /usr/src/app/.next /usr/share/nginx/html
// #EXPOSE 3000
// #CMD ["nginx", "-g", "daemon off;"]


// development.yml

docker run -itd -p 80:3000 
// 로 변경했더니 화면 잘 뜸
// react랑 (build 파일 생김) nextjs랑 (next 파일 생김) 다른점이 있다.