🚀 Next.js 배포의 핵심: 리버스 프록시와 PM2

`page.tsx`로 잘 만들어진 Next.js 앱을 전 세계에 서비스하기 위해, 아파치(Apache)에게 "3000번 포트로 안내해!"라고 설정하는 방법과 서버가 꺼지지 않게 관리하는 법을 다룹니다.

1 아파치 설정 파일 열기

터미널에 아래 명령어를 입력해서 설정 파일을 엽니다.

sudo vim /opt/bitnami/apache/conf/bitnami/bitnami.conf

2 연결 다리 놓기 (ProxyPass)

<VirtualHost _default_:80> 블록 내부, DocumentRoot 아래에 다음 두 줄을 추가합니다.

입력 모드 전환: i 키
저장하고 나가기: Esc 누른 후 :wq + Enter

<VirtualHost _default_:80>
  DocumentRoot "/opt/bitnami/apache/htdocs"
  # ▼▼▼ 이 두 줄이 핵심입니다 ▼▼▼
  ProxyPass / http://localhost:3000/
  ProxyPassReverse / http://localhost:3000/
  # ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
  
  # ... 나머지 기존 설정들 ...
</VirtualHost>

3 아파치 재시작

설정 적용을 위해 아파치를 재시작합니다.

sudo /opt/bitnami/ctlscript.sh restart apache

4 Next.js 서버 켜기 (PM2)

왜 PM2인가요?터미널을 꺼도 서버가 죽지 않고 백그라운드에서 계속 돌아가게 하기 위함입니다.

1. PM2 설치

sudo npm install -g pm2

2. 서버 실행 (프로젝트 폴더에서)

pm2 start npm --name "tamsa-app" -- start

🛡️ PM2: 서버를 지키는 24시간 경비원

터미널을 꺼도, 에러가 나도 서버를 좀비처럼 되살려내는 필수 도구입니다. 자주 쓰는 명령어만 딱 정리해 드립니다.

1. 시작하기 (가장 중요)pm2 start npm --name "my-app" -- start

* 이름을 붙여야 나중에 관리하기 편합니다.

2. 출석 체크 (목록 보기)pm2 list

* status가 online이어야 정상입니다.

3. 관리하기 (수정 반영)

재시작 (필수)pm2 restart my-app

잠시 중지/삭제pm2 stop my-apppm2 delete my-app

4. 감시하기 (로그 & 모니터링)

실시간 로그 (CCTV)pm2 logs

대시보드 (해커 모드)pm2 monit

🚨 재부팅 대비 필살기 (Startup)

이걸 안 하면 서버 껐다 켰을 때 자동으로 실행되지 않습니다.

명령어 생성: pm2 startup 입력
(터미널에 뜨는 긴 명령어를 복사해서 다시 입력하세요)
현재 상태 저장: pm2 save 입력

💡 요약일단 pm2 start ...로 켜두시고, 코드 수정할 때마다 pm2 restart [이름]만 기억하시면 됩니다!

🎉 설정 완료!

이제 브라우저에서 포트 번호 없이 접속해 보세요.

http://tamsa112.com 확인하기

* 503 에러가 뜬다면 10초 뒤에 새로고침 해주세요.

📂 파일 시스템 접근