inflearn logo
강의

Course

Instructor

Bite-sized Next.js

2.20) Deploying

버셀로 서버 배포 후 접속 시 500 에러 발생

12

jideok04289535

1 asked

0

image.png

https://onebite-books-server-main-pi-sandy.vercel.app/

서버 배포 시 500 에러가 발생이 되는데 해결이 어려워서요. 이전 질문글들 찾아보니, 무료 플랜에서의 사양 이슈로 제한이 되었다는 것을 보았는데 같은 이유로 발생된 문제로 이해하면 될까요?

react typescript next.js

Answer 2

0

winterlood

안녕하세요 지덕님 이정환입니다.

해당 오류는 FUNCTION_INVOCATION_FAILED로 환경변수가 제대로 설정되지 않았거나 혹은 기타 등등의 이유로 서버의 가동이 실패했을 때 발생하는 에러입니다. 무료 플랜 사양과는 전혀 무관하니 강의에서 안내드리는대로 백엔드 서버 배포 과정을 잘 진행하셨는지 체크 부탁드립니다.

image.png

만약 그럼에도 문제가 해결되지 않는다면 Vercel의 로그를 제게 보여주시면 원인을 파악하는데에 도움이 될 것 같습니다. 아래 그림처럼 프로젝트의 Logs 탭에 들어가신 다음, 서버에게 요청을 보내고 실패한 요청의 정보를 캡쳐해 답글로 남겨주시면 확인해보겠습니다

image.png

이때 요청의 자세한 정보를 쉽게 복사 > 붙여넣기 하시려면 아래 그림과 같이 특정 요청을 클릭해 우측에 상세 정보 창을 여신 다음, 우측 상단의 복사 아이콘을 클릭하시면 됩니다.

image.png

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 지덕님.

Vercel에 서버를 배포한 후 500 에러가 발생하는 문제는 여러 원인이 있을 수 있습니다. 무료 플랜의 제약도 하나의 원인이 될 수 있습니다만, 다른 가능성 있는 원인들도 점검해 볼 필요가 있습니다. 아래에 주요 점검 사항과 해결 방안을 안내드립니다.

문제 원인 분석 및 해결 방안

  1. 서버 내 코드 오류 확인:

    • 서버 코드 내에 런타임 에러가 있는지 확인하세요. 많은 경우 오류 로그를 통해 함수의 어느 지점에서 문제가 발생했는지 확인할 수 있습니다.
  2. 환경 변수 설정 확인:

    • Vercel의 환경 변수 설정이 올바르게 되어 있는지 확인하세요. .env 파일 내에 정의된 모든 변수가 Vercel Dashboard의 환경 변수 설정에 반영되어야 합니다.
  3. API 엔드포인트 확인:

    • API 요청을 보낼 때 모든 엔드포인트가 올바른지, 정확하게 설정되어 있는지 확인하세요. 특히, 외부 서비스와 통신 시 엔드포인트 URL에 오타가 있는지 점검해 보세요.
  4. 데이터베이스 연결 상태 확인:

    • 데이터베이스나 외부 서비스의 연결 상태를 점검하여 정상적으로 통신할 수 있는지 확인해 보세요. 연결 끊김 에러가 발생했다면, 이러한 문제가 500 오류의 원인이 될 수 있습니다.
  5. 무료 플랜의 자원 제한:

    • Vercel의 무료 플랜은 서버리스 함수에 대한 자원 사용이 제한될 수 있습니다. 대용량 데이터 처리나 장시간 실행되는 작업은 프로 플랜으로 업그레이드가 필요할 수 있습니다.

유사 사례 및 참조 링크

기존의 유사한 문제 해결 사례를 참고하시기 바랍니다:
- Vercel 배포 시 발생하는 프리렌더링 오류 해결하기
- 배포 후 발생하는 경로 문제 해결하기

위의 해결 방안들이 도움이 되기를 바랍니다. 문제가 여전히 해결되지 않는다면, 좀 더 상세한 로그 정보를 파악하여 추가적인 조치를 취해야 할 수도 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

컴포넌트와 레이아웃

0

41

2

@/styles/globals.css'

0

44

2

풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문

0

62

2

next.js 프로젝트

0

61

1

Next.js + Tanstack Query BFF 구조 질문

1

73

2

Next.js 사전렌더링 이해하기 부분

0

71

2

모달 관련 질문

0

69

3

렌더링 관련 질문

0

94

2

중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화

0

84

2

라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.

0

84

2

SSR시 context에 params말고 query를 사용하면 안되나요?

0

101

2

npx prisma db push 시 에러가 뜹니다.

0

120

3

vercel 배포를 실패하였습니다.

0

129

3

Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?

0

78

2

getServerSideProps 함수와 SSR의 관계

0

96

6

없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다

0

78

2

실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.

0

135

2

일반적인 nextjs project architecture에 대하여..

0

105

2

2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?

0

90

2

배포 시 오류 발생

0

106

2

백엔드 서버 오류납니다.

0

101

2

취약점 제거시 nestjs 버전 문제가 생길까요?

0

108

1

eslint.config.mjs 내 rules 어떻게 설정 하나요?

0

120

1

[book]/[id]/page.tsx 모달 띄울 때 성능 하락 현상은 ReviewList를 불러오면서 발생하는 문제 같습니다.

0

72

2