소개
I Have a Dream~!
지난주에 만든 공유 회의실 space.NEXT 에 예약시스템을 Vercel에 배포를 하고 싶었습니다.
물론 이전에도 몇 개 프로젝트를 Github -> Vercel로 배포를 해보았지만, Vooster ai를 사용한 프로젝트 배포는 처음인지라 하다가 당연히 에러가 날 것이라 예상하면서 시작했습니다.
진행 방법
Github -> Vercel 프로젝트 지정
Vercel 배포 시작
👉2-1 첫번째 에러
에러메세지를 캡쳐를 떠서 커서에 물어서 코드 수정후 해결
(원인: Next.js 15에서 API Route의 params 매개변수가 Promise로 변경되었기 때문입니다.)
👉2-2 두번째 에러Supabase 환경 변수 세팅이 안되어서 에러
Vercel 환경변수 세팅: 프로젝트 이름>> Settings >> Environment Variables 에
cursor 있던 .env 파일의 내용을 입력한다.
배포가 성공했다.
https://spacenextdasan.vercel.app/
3. 구글 로그인 에러
구글 로그인에서 Redirect_URI 에러가 나서 찾아보니 새로 추가된 URL을
Google Cloud Console에서 승인된 도메인과 승인된 리디렉션 URI를 추가해 주면 된다.
설정한 후에 로그인도 잘 됩니다.
결과와 배운 점
배포도 다 쉽진 않다. 그래도 찬찬히 할 수 있다.
결제를 붙이려고 Stripe를 설치하고 아 이제 API 키만 받아오면 되겠지 싶었는데,
Stripe 결제는 한국은 가입조차 못하는 곳이었다. 좌절 T.T토스 결제를 알아봤는데, 사업자당 33만원이나 들어서 고민 중이다.
기능을 만드는데 급급하다가, 막상 만들고 나니 디자인이 영 맘에 안든다.
다시 하나씩 하려니 원하지 않는 곳에 변경을 자꾸 시도해서, 몇 번 되돌아갔다.
디자인 변경을 잘하는 방법이 궁금하다.
