[Vercel] React - vite 를 사용한 프로젝트에 serverless function 추가하기
2024. 9. 11. 19:26
개발/Javascript
프로젝트를 만들고 있는데, gpt 토큰과 회원가입 기능이 생기기 전까지는 서버리스 api만으로도 충분할 것같았다.(쓰다보면 플랫폼은 옮기더라도.. 서버리스로 계속 해도 되지않을까 라는 생각도 하고있긴....함 헿) vercel로 배포할때 serverless function 사용하다가 헤매가지고.. 기록용으로 적어둔다 설정방법1. 루트 폴더안에 api 폴더를 생성한다. 나는 최상위가 CHAT-ASTROLOGY폴더고 하위에 backend랑 frontend가 있는 레포지토리 구조라서 frontend 아래에 api폴더를 생성했다. backend를 lambda로 따로 배포하려다가 vercel에 한꺼번에 할 수 있다고 해서 수정하게되었다. // api/fortune/result/[id].jsimport { ..
[vercel] .env에 환경변수로 넣어둔 값들을 추가해야 할 때
2024. 9. 5. 18:25
개발/Error note
Vercel로 배포 후 테스트 중 .env에 넣어둔 파일들의 변수값이 불러오지 않아 오류가 발생했다. git을 통해서 vercel은 배포되기때문에 .gitignore에 추가해둔 .env는 없는 파일이라 읽지 못했기 때문이다. 해결방법 해당 프로젝트에서 Settings를 들어간다 Project Settings에서 Environment Variables로 이동 env에 입력해뒀던 키와 값을 입력하고 save를 해준다 그리고 Deployments로 이동 Redeploy를 해준다. 그러면 오류없이 이제 화면이 잘 동작한다 ;)
[Vercel] 프로젝트 배포하기
2023. 8. 9. 21:11
개발/Install, setting, etc
이번엔 Vercel을 사용해서 프로젝트 배포하는법을 알게됐다. 깃 계정이랑 연동하기 내 깃헙 계정을 이 때 한번 더 추가해준다 전체 레포지토리 다 가져올 수도 있는데 나는 필요한 레포지토리만 가져왔다. 나중에 또 추가할 수 있음 배포할 깃 레포지토리 Import 누른 후 프로젝트 설정을 적고 디렉토리를 잡아준다. Visit를 클릭하면 내가만든 프로젝트 구경이 가능하다 삭제기능이나 조금 더 보완할게 있으니까 ;-;.. 주소는 나중에 추가할 것