Vercel로 배포하기

Imnottired·2023년 3월 4일
0

먼저 Vercel 사이트로 들어가면 해당 사이트가 보인다.

create a New Project를 눌러 들어가면


위와 같은 페이지가 뜨는데, 드롭다운을 클릭하여서 본인의 GitHub Account를 추가해서
사용하면 된다.

본인 취향에 맞게 저장소 전부를 공유할 것인지 하나를 공유할 것인지 선택하고,
install을 누르면


본인 저장소에 맞게 업데이트가 된다.

Framework도 상황에 맞게 선택할 수 있고,
환경변수도 설정이 가능하다.
그래서 필요에 따라서 환경변수를 파일이 아닌 vercel을 통해서 설정이 가능하다.
만약에 config 파일에 환경변수를 담기 까다롭다면 vercel 환경변수를 사용하는 것이 좋을 것이다.

Deloy를 누르고 배포하면 끝이다.


npm run build 문제
과거 레포지토리에 있는 것을 열어서 빌드하려고 하니 실패하였다.

오류의 내용을 읽어보니 주기적으로 업데이트를 해줘야한다고해서 해주었다.

그런데도 오류가 나서 찾아보니

Package subpath './lib/parser' is not defined by "exports" 라는 오류와 관련해서 찾아보니 Node 버전을 낮추라고 하였다.

이 방법을 시도해볼 수도 있겠으나, 마음에 들지 않았다.
단지 버전을 낮추는 방법으로 하는 것보다 현 버전에서 사용하고
개선해야하는 것이라는 생각이 들어서 더 찾아보았다.

https://bobbyhadz.com/blog/node-error-err-package-path-not-exported

npm update --force

npm audit fix --force

이를 통해 export를 업데이트해주고 실행할 수 있다고 하여 트라이했다.

결국 성공하지 못했다.
npm audit fix --force은 넥스트를 최신버전으로 올려주었지만,
리액트 버전은 업데이트가 되지 않았고

https://nextjs.org/docs/messages/react-version

으로 업데이트가 되지 않아서 다른 방법도 시도했지만 성공하지 못했다.

남이 만든 것에다가 이어붙힌 형식으로 만들다보니 꼬인 것이 너무 많았고,
어쩔 수 없이 노드 버전을 내리거나 초기화를 통해서 공부를 해봐야겠다.
과거 파일들을 뒤적거리다보면 버전이 안맞아서 고생하지만 그것은 버전을 내리는 방법 외에는
없을지 다음에 더 찾아보겠다.

개발자 답지않은 엔딩이 아쉽지만, 할게 너무 많아서 우선 순위를 미룰 수 밖에 없었다.

profile
새로운 것을 배우는 것보다 정리하는 것이 중요하다.

0개의 댓글