NextJS로 3일 걸려 만든 사이트를 배포했다.
아직 뭐 코드 리팩토링도 해야겠지만... MVP 우선이라 배포했다.
기존에 index파일을 읽는 정적개념에서 동적개념으로 사이트가 바뀌었는데, 이게 아주 골때리더라...
npm run start로는 안되고 무조건 pm2로 무중단 적용해야한다.
근데, pm2로 사용시 접근이 안되는 문제가 발생.
npm pm2 install 해서 프로젝트 내부에서 pm2 적용했다.
원래는 글로벌로 설치해야하는데, 시놀로지에선 그게 안되더라.
예전에 산 데탑을 리눅스 깔고 할까 고민할정도...
아무튼 로컬 Pm2 적용하니 동적 사이트로 잘 작동한다.
기존에는 node index.js로만 호출하면 서버 db가 작동되었는데
프로젝트 내에 pm2를 로컬로 설치하니까
db도 잘 호출된다!
기존에는 시놀로지에서도 웹스테이션으로 작동해야 작동되었는데, 이젠 그런거 없이 작동되서 좋다.
단지 귀찮은건 이제 Pm2 관리해야하는 점..
수동배포는 처음인데, 어렵지만 어떻게 굴러가는지 알게되었다.
해당 내용을 위해서 리버스프록시까지 적용했다.
이미지는 정적 서버에서 보내지만 사이트 자체는 동적 사이트이다.
실제 db 저장된 내용을 호출해서 가져오고 있다.
Create Next App
송수호 @ kasumil React와 Next.js 기반의 웹 애플리케이션 개발에 강점을 가진 프론트엔드 개발자입니다. 빠른 MVP 구현과 사용자 중심의 UI/UX를 고려한 기능 개발을 지향합니다. TypeScript, Tailwind CSS, Git
www.kasumil.co.kr
'코딩 > Next.js' 카테고리의 다른 글
| [Nextjs] 프로텍트 라우팅(로그인 여부 확인 후 라우팅 처리) (0) | 2025.03.02 |
|---|---|
| [Next.js] 캐싱 관련 코드 (2) | 2024.09.27 |
| [next.js] 서버사이트 통신 방식 (0) | 2024.09.20 |
| [next.js] 클라이언트 통신방식. (1) | 2024.09.20 |
| [React] useActionState 펜딩상태를 체크할 수 있다. (0) | 2024.09.10 |