본문 바로가기

nextjs3

Next.js, Vercel, Cafe24(DB) 조합으로 배포 시 이슈 [ic]next.js[/ic]와 [ic]vercel[/ic] 조합의 배포는 편하고 좋지만 [ic]vercel[/ic]은 동적으로 배포 환경을 셋팅하는데 이 과정에서 server의 ip주소 역시 동적으로 생성된다. 문제는 [ic]카페24[/ic]의 DB 접속 IP가 제한된다는 점이다. 지금까지 카페24의 DB에 모든 접속을 허용하는 방법을 찾지는 못했다. vercel에서는 일반적으로 [ic]0.0.0.0[/ic]과 같은 방식으로 접속 ip를 [ic]public[/ic]으로 설정한다고 안내하는데 카페24의 경우 [ic]0.0.0.0[/ic]은 유효성에 걸리도록 처리되어 있다. 즉, 카페24 관리자에서 고정 ip를 접속할 수 있도록 허용해 주어야 하는데 vercel의 배포 서버 ip는 고정할 수 없어서 [ic.. 2022. 10. 24.
섹션8: API 라우트를 통해 백엔드 코드 추가하기 Udemy URL https://www.udemy.com/course/nextjs-react-incl-two-paths/learn/lecture/32343610?start=15#learning-tools Document https://nextjs.org/docs/api-routes/introduction API Routes: Introduction | Next.js Next.js supports API Routes, which allow you to build your API without leaving your Next.js app. Learn how it works here. nextjs.org 모듈 개요 “API 라우트”란 무엇인가? 첫 번째 API 라우트 작성하기 프론트엔드 양식 준비하기 입력 요.. 2022. 10. 18.
Next.js 환경에서 workflows, .dockerfile을 이용해 docker build 시 Env 적용하기(NEXT_PUBLIC) Next.js는 외부에서 환경변수를 주입할 때 NEXT_PUBLIC_으로 시작하는 변수명을 사용할 수 있다. (공식문서 참조) 작업중인 애플리케이션에 NEXT_PUBLIC_를 이용해 개발모드를 셋팅하고 있다. next dev 또는 next build 시에 NEXT_PUBLIC_ENV_MODE를 development, stage, main으로 설정하고 있고 CI/CD는 github workflows를 이용해 docker 이미지를 rancher에 올리는 방식이다. docker build --build-arg NEXT_PUBLIC_ENV_MODE="stage" -t ${IMAGE} -t ${IMAGE_LATEST} -f .dockerfile . action yml 에서는 위의 코드로 docker 이미지를 생성.. 2022. 4. 28.