Next.js Client/Server Rendering 간단 구분법

Next.js Client/Server Rendering 간단 구분법

const Temp = () => {
  ...
  return (
    <p>Temp</p>
  );
};

Temp.getInitialProps = async () => {
  if (process.browser) {
    ...
  }
}
...
export default Temp;

그러나 "process.browser"가 deprecated 되었다.
그 이유는, "process.browser"는 표준이 아니고,  Webpack에 의한 추가된 스펙이기 때문이다.

이제는 이렇게 해야 한다.

const Temp = () => {
  ...
  return (
    <p>Temp</p>
  );
};

Temp.getInitialProps = async () => {
  if (typeof window === 'object') {
    ...
  }
}
...
export default Temp;