인프런 커뮤니티 질문&답변

김은정님의 프로필 이미지
김은정

작성한 질문수

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

Vercel 배포

vercel 배포 후 list의 uid가 넘어가지 않아 문의 드립니다!

해결된 질문

작성

·

475

1

안녕하세요 코드를 전부 작성하고 배포까지 진행해보았으나 문제가 생겨 문의 드리게 되었습니다😂

local 상태에서는 screenName이 정상적으로 넘어가 정보가 정상적으로 출력되었으나 배포 이후 uid가 undefined 형태로 넘어가는 것을 확인했습니다.

1.JPG2.JPG코드를 열심히 확인해 보았으나 어느 부분이 문제인지 모르겠습니다 😥😥

 

답변 1

2

totuworld님의 프로필 이미지
totuworld
지식공유자

은정님 안녕하세요.

첨부한 이미지로 봤을 때 클라이언트 사이드에서 인증이 제대로 안되는듯하네요.

혹시 파이어베이스 authentication에 위에 나오는 호스트를 등록하셨을까요?

김은정님의 프로필 이미지
김은정
질문자

네, 현재 다음과 같이 firebase에서는 도메인 등록을 완료 하였습니다. 😂

여전히 작동이 되지 않습니다😭😭

image

totuworld님의 프로필 이미지
totuworld
지식공유자

오. 그렇다면! 배포된 상태로 로그인은 가능하신가요?

ㄴ 해보니까 로그인까지는 가능하네요!

멤버 추가하는 api까지도 정상 동작하는거 확인했습니다.

 

firestore 내 screen_names 컬렉션에 문서 잘 추가되어있는지 확인부탁드려요.

이 컬렉션이 있어야 totuworld 같은 이름으로 접속했을 때 회원 찾을 수 있거든요!

image

김은정님의 프로필 이미지
김은정
질문자

image

네네! 확인해보니 해당 컬렉션에 스크린 네임은 정상적으로 넘어오고 있습니다! ㅠㅠ

totuworld님의 프로필 이미지
totuworld
지식공유자

https://excuse-me-one.vercel.app/totuworld

이렇게 진입하면 사용자를 찾을 수 없다고 나오더라고요.

서버 사이드에서 데이터 읽기를 실패하고 있는듯해요.

 

image

이미지에 나오는 index.tsx 파일에서 getServerSideProps 부분 코드 답글로 남겨주세요!

 

 

아 그리고 vercel에서 환경변수로 PROTOCOL, HOST, PORT 이 3가지 값 뭐 넣으셨는지도 보여주셔요!

김은정님의 프로필 이미지
김은정
질문자

안녕하세요 강사님,

먼저 index.tsx파일의 getServerSide Props부분입니다!

image

vercel의 PROTOCOL, HOST, PORT는 다음과 같이 작성했습니다!

image혹시라도 HOST가 excuse-me-one으로 되어 있어야 작동할까 싶어 업데이트를 해 보았으나 마찬가지로 작동되지 않았습니다 ㅜㅜ!

totuworld님의 프로필 이미지
totuworld
지식공유자

HOST를 excuse-me-one.vercel.app 으로 변경하신 뒤 배포 한번 더 해보세요!

환경 변수가 반영되지 않아서 그렇습니다.

김은정님의 프로필 이미지
김은정
질문자

감사합니다, 강사님!

해결 완료하였습니다 😎😊

김은정님의 프로필 이미지
김은정

작성한 질문수

질문하기