Next.js에서 코드 스플리팅을 적용할 예정인데 궁금한 점이 있습니다.

Question

Next.js에서 제공해주는 dynamic을 사용해서 스플리팅을 할 건데 어떤 경우에 옵션을 사용하면 좋을 까요??

ProjectCardContainer에는 react-query로 api를 비동기적으로 호출받고 있습니다.

const ProjectCardContainer = dynamic(
  () => import('@/components/container/ProjectCardContainer')
);

위의 부분처럼 받아오거나

const ProjectCardContainer = dynamic(
  () => import('@/components/container/ProjectCardContainer'),
  {
    ssr: false,
  }
);

그리고 위의 ssr을 해체하는 경우

ssr을 해체하는 경우에는 공식문서에서 window나 외부 API같은 작업을 할 때 사용한다 하는데 여기서 말하는 외부 API가 서버에서 가져오는 API가 맞나요??

알림