Nextjs 의 빌드 최적화 처리

nextjs 에서는 빌드과정에서 최적화과정을 수행한다.
이 결과로 종종 local과 다르게 동작하는 부분이 생길 수 있다.

1. api

Swallow route

최초 요청시 서버사이드에서 랜더링을 한 이후에, 페이지의 새로운 요청없이 라우팅이 이뤄지는 방식.
이를 정리하는 이유는, swallow route 진행시에도 getServerSideProps의 동작유무때문이다

Props vs Key

컴포넌트의 Props에 넘겨진 데이터가 변경되면, rerendering 이 된다고 생각했다.
그리고 내부 로직들도 전부 재수행된다고 생각했다.

하지만 rerendering의 트리거가 props냐 key냐에 따라 동작이 미묘하게 다르다.