작성
·
174
0
getinialProps에서 키값을 컴포넌트에 준 후, 컴포넌트에서 api 호출하는 방식으로 개발하시는 것 같은데,,
그렇게 렌더링 된 컴포넌트는 서버에서 렌더링 되는 것이 아니라, 클라이언트에서 렌더링 되는 것이 맞는 건가요?
next를 사용하는 큰 이유가 ssr인데, 정답은 없겠지만, 아래와 같이 개발하는 것이 더 나은 것이 아닌지 궁금합니다.
https://nextjs.org/docs/api-reference/data-fetching/getInitialProps
Page.getInitialProps = async ctx => {
const res = await fetch('https://api.github.com/repos/zeit/next.js')
const json = await res.json()
return { stars: json.stargazers_count }
}
답변 3
0
0
0
처음에 주소창으로 페이지에 접근한 경우 getInitialProps는 서버에서 실행되고, 데이터도 컴포넌트에 넣어진채로 렌더링됩니다.
Link 컴포넌트를 통해 이동한 경우 getInitialProps는 클라이언트에서 실행되고, 컴포넌트가 먼저 렌더링된 후 데이터가 나중에 렌더링됩니다.