Nextjs 14 server component build 과정

yarn build를 로컬에서 실행했습니다.

빌드 중에 server-component에서 에러가 발생했습니다.

해당 server-component에서는 async로 API를 호출합니다.

API응답에서 값이 없으면, throw new Error 던지게 되어 있습니다.

 

 

빌드 중에 API가 실제로 호출되지는 않은 것 같습니다. throw new Error 때문에 발생한 현상인 것 같습니다.

const [sbTokenVO] = await getSendbirdToken()

  if (!sbTokenVO?.key || !sbTokenVO?.token) {
    // 발생하는 경우:
    throw new Error('채팅 서버 접속 정보를 가져오는데 실패했습니다.') // error.tsx로 이동될거임
    // return redirect('/')
    // return null
  }

 

 

이번 이슈를 보면서, build 중에 server component가 실행이 된다는 걸 알았습니다.

https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#examples