Next JS Pages & Data Fetching

Next JS에서는 각 페이지에 대해서 pre-rendering을 위해 SSR(서버 사이드 렌더링) 또는 SG(정적 생성) 옵션을 제공한다. 각각 페이지 컴포넌트에서 getServerSideProps, getStaticProps/getStaticPaths 함수 expo

Next JS에서 파라미터가 동적으로 바뀌는 페이지(ex - users/:userId)를 빌드타임에 생성하려면, 해당 페이지 컴포넌트에서 getStaticPaths + getStaticProps 함수를 export 해줘야한다.이 때, 어떤 path들에 대해서 정적 페이

앞서 살펴본 내용처럼 Next JS의 Static 페이지는 Next JS 앱 빌드시기에 해당하는 HTML/JSON 파일이 getStaticProps와 컴포넌트를 통해 생성되고, 이후에는 재활용된다. 즉, 빌드 시간에 파일 생성을 위해서 getStaticProps와 컴포

서버사이드 렌더링의 경우에는 Static Generation과는 다르게, 빌드 타임이 아닌 요청이 들어올때마다 HTML / JSON 파일을 만들어서 반환한다. 페이지 컴포넌트 파일에서 getServerSideProps async function을 export해주면 Ne

서버로부터 HTML 파일을 넘겨받는 경우에서, 살짝 이상한 점이 있다. 브라우저의 콘솔을 확인해보면, 서버에서 HTML 파일 생성 과정에서 찍혔던 console.log 들이 여기서도 보인다. 분명 다 만들어서 그대로 HTML 넘기는 걸로 생각했는데 왜이런걸까?이유는 서