Router Loading 적용 후 가끔씩 페이지 전환을 할 때 getServerSideProps 가 props 를 전달하지 못함

[Yelihi]

이슈 사항

• 페이지 전환 시 getServerSideProps 의 실행이 안되는 듯한 경우가 발생
• 실제 네트워크 탭에서 props 가 {} 로 나타남
• 다른 페이지로 전환했다가 다시 오거나 새로고침하면 다시 정상 작동함
• 따라서 현재 원인이 파악이 되질 않음

[Yelihi]

https://stackoverflow.com/questions/76442514/nextjs-getserversideprops-not-always-executing-on-aws-amplify

• 같은 이슈로 확인되며, Link 태그 대신 router.push 을 활용하여 해결했다는 의견이 있긴하다
• 다만 이렇게 하면 Link 의 prefetch 를 이용할 수 없기에 단점이 존재할 듯 싶다
• 또한 분명 로컬상에서 build 시에는 아무런 문제가 발생하지 않는데, 유독 배포 이후 웹 어플리케이션 상에서 문제가 발생한다
• 이유가 무엇인지는 아직 모르겠다
• 실제 모달창 내 router.push 의 경우 위 에러를 발생시키지 않는다. amplify 의 문제인가...

[Yelihi]

https://awstip.com/speeding-up-aws-amplify-nextjs-first-render-cold-start-and-images-an-unexpected-result-36a416d69615

• R53 Helth check 를 설정하였지만, 유의미할 정도로 속도가 상승하는것 같지는 않다
• 거기다가 매월 요금이 나가게 되니 조금 더 고민을 해봐야할 것 같다

[Yelihi]

• amplify 의 issue 로 확인되며, Link tag 의 빠른 페이지전환 시 gssp 의 props 가 {} 가 되는 현상이 있다
• 아마도 원인으로는 Link tag 로 인한 prefetch 로 짐작된다
• 실제로 prefetch 를 없엔 다음 모두 Router.push 를 통해 클라이언트 네비게이션을 실행시켰을 경우 위와 같은 문제가 사라졌다