next.js에서 csr

nex.tjs는 react기반 웹에 ssr방식을 제공하는 프레임 워크입니다.

그리고 종종 next.js개발을 하다가 csr이 필요한 경우가 있어서 오늘은 next.js에서 csr을 사용하는 방식을 다루려 합니다.

 

 

1. import dynamic from "next/dynamic을 최상단에 import 합니다

import dynamic from "next/dynamic";

 

2. csr방식으로 rendering할 component를 아래 방식처럼 써줍니다.

-ssr: false로 해줘야 합니다

const Components = dynamic(() => import("../components"), {
  ssr: false,
});

 

이상입니다! 간단하죠?

 

 

감사합니다